body {min-width: 250px;-webkit-text-size-adjust: none;font-size: 14px;color: #5d5d5d;font-family: 'NanumBarunGothic';font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;}
h1, h2, h3, h4, h5, h6 {margin:0;padding: 0;font-family: NanumBarunGothicBold;}
strong {font-family: 'NanumBarunGothicBold'}
.url_btn {cursor:pointer}
.bold {font-family: 'NanumBarunGothicBold';}
.blue {color: #002f87}
.blue_green {color: #0d9e6f}
.txtGray {color: #aaaaaa;}
.point_text {font-size: 14px;font-family: 'NanumBarunGothicBold', dotum}
.paragraph {line-height: 24px}
.paragraph span{font-weight: bold;}
.align_l {text-align: left;}
.align_r {text-align: right;}
.align_c {text-align: center;}
.box_info_img {text-align: center;}
.box_info_img img {max-width: 100%;}

.cf:after {content: " ";display: table;clear: both;}
.coming_soon {text-align: center;padding: 180px 0;}
.coming_soon .coming_soon_tit {font-family: NanumBarunGothicBold;}
.result_none {text-align: center;padding: 180px 0;}
.result_none .result_none_tit {font-family: NanumBarunGothicBold;}
.btn_menu, .btn_url {cursor: pointer;}
.ie_ellipsis {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.chrome_ellipsis {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}

/* table */
table {border-spacing: 0}
.tbl {width: 100%;margin-top: 30px;border-top: 1px solid #333333;border-bottom: 1px solid #333333;}
.tbl thead {width: 100%;font-family: notokr-medium;text-align: center;}
.tbl thead tr th {padding: 15px;font-size: 14px;text-align: center;line-height: 24px;border-bottom: 1px solid #aaaaaa;}
.tbl thead tr th:first-child {border-left: none}
.tbl thead tr td {border-left: 1px solid #e6e6e6;}
.tbl tr th {padding: 15px;font-size: 14px;line-height: 24px;color: #000;}
.tbl tr td {padding: 15px;font-size: 14px;line-height: 24px;border-top: 1px solid #e1e1e1;}
.tbl tbody tr:first-child td {border-top: none;}
.tbl tbody .tit {overflow:hidden;max-width: 100px;text-align: left !important;cursor: pointer;text-overflow: ellipsis;white-space:nowrap;}
.tbl tbody .tit .lock {margin-left: 5px;vertical-align: middle}
.tbl tbody .tit .icon_new {display:inline-block;width: 38px;height: 19px;margin-left: 8px;background: #0d9e6f;font-size: 11px;line-height: 21px;color: #fff;text-align: center;vertical-align: middle}
.tbl tbody .tit:hover {text-decoration: underline;}
.tbl .border_bottom {border-bottom: 1px solid #e6e6e6}
.tbl .border_left {border-left: 1px solid #e6e6e6}
.tbl .tit_small_dot {margin-bottom: 0}
.tbl.calendar {margin: 15px 0 50px 0;border-top: 1px solid #555555;}
.tbl.calendar th {width: 100px;background-color: white;text-align: left;}
.tbl.calendar td {border: none;text-align: left;}
.tbl.calendar .date {width: 18%;color: #0d326f;}
.tbl.calendar .title {width: 82%;}
.tbl.list td {text-align: center}
.tbl.detail th,
.tbl.detail td {border-left: none;border-top: 1px solid #e1e1e1;}
.tbl.detail td.body {overflow: auto;text-align: left}
.tbl.detail tbody th {background-color: #fff}
.tbl.detail .info {border-left: none;color: #808080;}
.tbl.detail .info span {display: inline-block;margin-top: -4px;padding: 0 10px;font-size: 10px;vertical-align: middle}
.tbl.rule td {padding: 6px 15px}
.tbl.write {border-top:1px solid #333333;border-bottom:1px solid #333333;text-align: left;}
.tbl.write th {}
.tbl.write tr th,.tbl.write tr td {border-top: 1px solid #e1e1e1;}
.tbl.write tr:first-child th,.tbl.write tr:first-child td {border-top: none}
.tbl.write td {padding: 12px 20px}
.tbl.write input {height: 45px;border: 1px solid #e6e6e6;}
.tbl .option_item {display: inline-block;line-height: 20px;margin-right: 20px;}
.tbl .option_item img {vertical-align: middle;margin-right: 10px;}
.tbl.back {background: #fafafa;}
.tbl .attachment_td span:hover {text-decoration: underline;cursor: pointer}

/* btn */
.btn_group {margin-top: 50px;text-align: center}
.btn_group .btn {display:inline-block;padding: 0 43px;font-size: 15px;line-height: 45px;text-align: center;color: #fff;cursor:pointer;}
.btn_group .btn.next,
.btn_group .btn.join,
.btn_group .btn.agree,
.btn_group .btn.edit,
.btn_group .btn.list,
.btn_group .btn.confirm,
.btn_group .btn.login {margin-right: 15px;background: #0d9e6f}
.btn_group .btn.cancel {background: #aaaaaa}
.btn_group .btn.submit, .btn_group .btn.write {background: #0d326f}
.btn_address {display:inline-block;padding: 0 30px;background: #555555;line-height: 36px;text-align: center;color: #fff;cursor:pointer}
.btn_site {display:inline-block;height: 35px;padding: 10px 10px 10px 37px;background: url(/res/service/img/sub/ico_link.png) no-repeat 13px center;border: 1px solid #333333;box-sizing: border-box;cursor: pointer}

/* attachment */
.file_uploader_list {text-align: left}
.file_uploader_list li {list-style: none}
.file_uploader_item_delete_button {margin-top: 7px;}
.file_uploader_item img:first-child {margin-top: 3px;}

/* select */
.select {position: relative;display:inline-block;height: 43px;border: 1px solid #e1e1e1;background: #fff}
.select:after {content: '';position: absolute;right: 10px; top: 20px;width:10px;height:5px;background: url(/res/service/img/sub_common/opt_arr_input_down.png) no-repeat center}
.select span {width: 100%;padding: 0 15px;line-height: 43px;color: #1b253e;box-sizing: border-box}
.select select {position: absolute;left: 0;top: 0;right: 0;width: 100%;height: 43px;opacity: 0;padding: 0;margin: 0;cursor: pointer;}

/* checkbox */
.check {margin-right: 10px;}
.check img {margin-top: -5px;margin-right:5px;vertical-align: middle}

/* input */
.input {display:inline-block;height: 43px;padding: 0 15px;border: 1px solid #e1e1e1;box-sizing: border-box}
.input.long {width: 490px;}

/* search */
.section_page_search {height: 45px;margin: 45px 0 30px 0}
.section_page_search .btn_search {float: right;width: 43px;height: 45px;font-size: 15px;cursor: pointer}
.section_page_search .input_search {float: right;width: 272px;height: 45px;line-height: 45px;padding: 0 15px;border-left: 1px solid #e1e1e1;border-right:none;border-top: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;box-sizing: border-box}

/* pager */
.pager {text-align: center;margin-top: 35px}
.pager ul {display: inline-block}
.pager ul li {width: 43px;height: 41px;line-height: 41px;text-align: center;border: 1px solid #e9e9e9;margin-left: -1px;cursor: pointer}
.pager ul li.on {background-color: #333;color: #ffffff}
.pager ul li.first {background-image: url('/res/service/img/sub_common/btn_arr_paging_first.png');background-repeat: no-repeat}
.pager ul li.prev {background-image: url('/res/service/img/sub_common/btn_arr_paging_prev.png');background-repeat: no-repeat;margin-right: 20px}
.pager ul li.next {background-image: url('/res/service/img/sub_common/btn_arr_paging_next.png');background-repeat: no-repeat;margin-left: 19px}
.pager ul li.last {background-image: url('/res/service/img/sub_common/btn_arr_paging_last.png');background-repeat: no-repeat}


@media screen and (min-width: 1201px) {

    .page_sub_tit {font-size: 17px;color: #333333;font-family: 'NanumBarunGothicBold', dotum;margin-bottom: 20px}
    .content_tit {margin-bottom: 25px;font-size: 24px;font-weight: bold;color: #000000}

    .pc_line_2 {-webkit-line-clamp: 2;}
    .pc_line_3 {-webkit-line-clamp: 3;}
    .pc_line_4 {-webkit-line-clamp: 4;}
    .pc_line_5 {-webkit-line-clamp: 5;}
    .pc_line_6 {-webkit-line-clamp: 6;}
}
@media screen and (min-width: 768px) and (max-width: 1200px) {

    .page2 {padding: 30px}
    .m2_title {margin-bottom: 25px;font-size: 24px;font-weight: bold;color: #000000}
    .page_tit {position: relative;font-family: 'NanumBarunGothicBold', dotum;line-height: 40px;font-size: 24px;margin-bottom: 50px}
    .page_tit span {position: absolute;top: 0;left: 0;width: 30px;height: 2px;background-color: #333333}
    .page_sub_tit {font-size: 17px;color: #333333;font-family: 'NanumBarunGothicBold', dotum;margin-bottom: 20px}
    .content_tit {margin-bottom: 25px;font-size: 24px;font-weight: bold;color: #000000}

    .tablet_line_2 {-webkit-line-clamp: 2;}
    .tablet_line_3 {-webkit-line-clamp: 3;}
    .tablet_line_4 {-webkit-line-clamp: 4;}
    .tablet_line_5 {-webkit-line-clamp: 5;}
    .tablet_line_6 {-webkit-line-clamp: 6;}
}
@media screen and (max-width: 767px) {

    .page2 {padding: 20px}
    .m2_title {margin-bottom: 15px;font-size: 15px;font-weight: bold;color: #000000}
    .page_tit {position: relative;font-family: 'NanumBarunGothicBold', dotum;line-height: 40px;font-size: 24px;margin-bottom: 50px}
    .page_tit span {position: absolute;top: 0;left: 0;width: 30px;height: 2px;background-color: #333333}
    .page_sub_tit {font-size: 17px;color: #333333;font-family: 'NanumBarunGothicBold', dotum;margin-bottom: 20px}
    .content_tit {margin-bottom: 25px;font-size: 24px;font-weight: bold;color: #000000}

    .input.long {width: 200px}

    .mobile_line_2 {-webkit-line-clamp: 2;}
    .mobile_line_3 {-webkit-line-clamp: 3;}
    .mobile_line_4 {-webkit-line-clamp: 4;}
    .mobile_line_5 {-webkit-line-clamp: 5;}
    .mobile_line_6 {-webkit-line-clamp: 6;}
}