@charset "utf-8";
* {margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-family: open_regular;font-size: 100%;font-weight: normal;vertical-align: baseline;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display: block;}
select::-ms-expand {display: none;}
input[type="text"]::-ms-clear, input[type="email"]::-ms-clear {display: none;}
body {font-family: open_regular;font-weight: normal;font-size: 16px;color: #000;background-color: transparent;-webkit-text-size-adjust: none;}
img {border: 0px;display: block;}
a {text-decoration: none;color: #000;}
a:hover {text-decoration: none;color: #000;}
a:focus {text-decoration: none !important;}
a:focus {outline: none !important;outline-offset: 0 !important;}
table {table-layout: fixed;}
ul, ol {margin: 0 auto;padding: 0;list-style: none;}
input, textarea, select {font-family: open_regular;font-size: 16px;color: #666;border: 0;outline-style: none;}
.invisible, caption, legend {position: absolute;left: -9999px;font-size: 0;line-height: 0%;visibility: hidden;}
label.hidden {position: absolute;left: -9999px;font-size: 0;line-height: 0%;visibility: hidden;}
button {font-family: open_regular;background: none;border: 0;cursor: pointer;outline-style: none;}
button>span {position: relative;}
em {font-style: normal;}
b {font-family: open_bold;}
p {line-height: 1.8;}
.fl {float: left;}
.fr {float: right;}
.hidden {overflow: hidden;}
.txt_hidden {display: block;width: 0;height: 0;font-size: 0;position: absolute;left: -9999px;}
.clear:after {display: block;height: 0;clear: both;content: ".";visibility: hidden;}
.relative {position: relative;}
.static {position: static !important;}
.elps {display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.elps2 {display: block;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-word;}
.wb {word-break: break-all;}
.border {border: 1px solid red;}
.inline {display: inline;}
.inblock {display: inline-block;}
.block {display: block !important;}
.tac {text-align: center !important;}
.tar {text-align: right !important;}
.tal {text-align: left !important;}
.vam {vertical-align: middle !important;}
.cursor {cursor: pointer;}
.tac .posR {position: absolute;right: 0;top: 0;}
.v_stnd {width: 1%;height: 100%;display: inline-block;vertical-align: middle;}
.v_center {width: 98%;text-align: center;display: inline-block;vertical-align: middle;}
.v_center2 {width: 96%;text-align: center;display: inline-block;vertical-align: middle;}
.visual_dim {width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: #000;opacity: .2;filter: alpah(opacity=20);z-index: 1700;}
.pl5 {padding-left: 5px;}
.pl10 {padding-left: 10px;}
.pr10 {padding-right: 10px;}
.pr20 {padding-right: 20px;}
.pt5 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pb0 {padding-bottom: 0;}
.pb5 {padding-bottom: 5px;}
.pb10 {padding-bottom: 10px;}
.mt0 {margin-top: 0px !important;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mb0 {margin-bottom: 0px !important;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb40 {margin-bottom: 40px !important;}
.mb70 {margin-bottom: 70px !important;}
.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml20 {margin-left: 20px;}
.ml50 {margin-left: 50px;}
.ml60 {margin-left: 60px;}
.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr20 {margin-right: 20px;}
.mr50 {margin-right: 50px;}
.mr60 {margin-right: 60px;}
.w1660 {width: 100%;max-width: 1660px;margin: 0 auto;}
.w1440 {width: 100%;min-width: 1024px;max-width: 1440px;margin: 0 auto;}
.w1280 {width: 100%;min-width: 1024px;max-width: 1280px;margin: 0 auto;padding: 0 56px;}
.sectionLine {width: 100%;height: 1px;border-top: 1px solid #dbdbdb;}
.sectionLine2 {width: 100%;height: 2px;border-top: 2px solid #dbdbdb;}
.color_bk {color: #000;}
.color_bl {color: #0a6ee6 !important;}
.color_wh {color: #fff;}
.color_red {color: #f00;}
.color_gry {color: #888;}
.color_gn {color: #6bc452;}
.color_gn2 {color: #269f6c;}
.bg_grey {background: #f8f8f8;}
.bg_grey .modal-backdrop {z-index: 1040 !important;}
.modal-backdrop {z-index: 3000 !important;}
.stitle1 {font-family: sp_regular;font-size: 72px;color: #000;line-height: 86px;letter-spacing: -.8px;}
.stitle2 {font-family: sp_regular;font-size: 50px;color: #000;line-height: 64px;letter-spacing: -.3px;}
.stitle3 {font-family: sp_regular;font-size: 32px;color: #000;line-height: 48px;}
.stitle4 {font-family: sp_regular;font-size: 26px;color: #000;line-height: 30px;}
.stitle5 {font-family: sp_regular;font-size: 64px;color: #000;line-height: 80px;letter-spacing: -.3px;}
.stitle6 {font-family: sp_regular;font-size: 52px;color: #000;line-height: 72px;letter-spacing: -.3px;}
.txt_type1 {font-family: open_regular;font-size: 22px;color: #000;line-height: 38px;}
.txt_type2 {font-family: open_regular;font-size: 20px;color: #000;line-height: 36px;}
.txt_type3 {font-family: open_regular;font-size: 18px;color: #000;line-height: 28px;}
.txt_type3 a {color: #0a6ee6;text-decoration: underline;}
.txt_type3 a:hover {color: #0a6ee6;text-decoration: underline !important;}
.txt_type4 {font-family: open_regular;font-size: 32px;color: #000;line-height: 48px;}
.txt_type5 {font-family: open_light;font-size: 16px;color: #000;line-height: 38px;font-weight: 100;}
.txt_type5 em {font-family: open_light;font-weight: 100;}
.txt_cap1 {font-family: open_regular;font-size: 20px;line-height: 36px;color: #888;}
.txt_cap2 {font-family: open_regular;font-size: 16px;line-height: 30px;color: #888;}
.txt_cap2 a {color: #2e70de;text-decoration: underline;}
.txt_cap2 a:hover, .txt_cap2 a:focus, .txt_cap2 a:active {color: #2e70de;text-decoration: underline !important;}
.txt_cap3 {font-family: open_light;font-size: 16px;line-height: 24px;color: #888;font-weight: 100;}
.guide_comment1 {display: block;font-family: open_light;font-size: 16px;color: #888;font-weight: 100;text-align: center;margin-bottom: 5px;}
.guide_comment1 span {font-family: open_light;font-weight: 100;}
.guide_comment1 a {color: #0a6ee6;text-decoration: underline;}
.guide_comment1 a:hover, .guide_comment1 a:focus, .guide_comment1 a:active {color: #0a6ee6;text-decoration: underline !important;}
.guide_comment1 strong {font-family: open_light;font-size: 16px;font-weight: 100;}
.guide_comment2 {position: relative;font-family: open_regular;font-size: 16px;line-height: 24px;color: #888;padding-left: 20px;}
.guide_comment2:before {content: "※";position: absolute;left: 0;top: 0;display: inline-block;}
.info_msg {position: relative;width: 768px;font-family: open_light;font-size: 16px;line-height: 24px;color: #888;font-weight: 100;text-align: center;padding-top: 45px;margin: 0 auto;}
.info_msg:before {content: "!";display: inline-block;width: 32px;height: 32px;background: #cecece;border-radius: 50%;font-family: sp_bold;line-height: 32px;color: #fff;position: absolute;left: 50%;margin-left: -16px;top: 0;}
.info_msg a {color: #0a6ee6;text-decoration: underline;}
p.alarm_msg1 {1display: none;font-family: open_light;font-size: 16px;font-weight: 100;line-height: 1;color: #f00;padding: 15px 0;margin: 0;}
p.alarm_msg2 {1display: none;font-family: open_light;font-size: 16px;font-weight: 100;line-height: 1;color: #006dee;padding: 15px 0;margin: 0;}
.loading_box {min-width: 282px;height: 134px;padding: 90px 35px 0 35px;font-size: 15px;color: #929292;text-align: center;letter-spacing: -.5px;border: 1px solid #ededed;background: #fff url("") no-repeat center 30px;}
.loading_dim {width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: #fff;opacity: .7;z-index: 10000;overflow: hidden;}
.loading_wrap .loading_obj {display: block;width: 140px;height: 140px;position: fixed;left: 0;right: 0;top: 0;bottom: 0;margin: auto;background: url("https://office.hancom.com/contents/data/1/07/common/loading.gif") no-repeat;z-index: 10000;}
.no_content {min-width: 1024px;max-width: 1280px;text-align: center;margin: 70px auto 145px;}
.tab_type1 {width: 100%;}
.tab_type1 ul {width: 100%;}
.tab_type1 ul li {float: left;width: 50%;margin-left: -1px;}
.tab_type1 ul li a {display: inline-block;width: 100%;height: 70px;font-family: open_semibold;font-size: 22px;color: #707070;text-align: center;background: #fff;padding-top: 17px;border: 1px solid #bcbcbc;}
.tab_type1 ul li a.on {color: #fff;background: #0a6ee6;border: 1px solid #0a6ee6;}
.tab_type1 ul li a:hover {text-decoration: none;}
.tableWrap1 {width: 100%;height: auto;border-top: 4px solid #000;}
.tableWrap2 {width: 100%;height: auto;border-top: 3px solid #000;}
.tbl_type1 {width: 100%;border-collapse: collapse;}
.tbl_type1 thead tr, .tbl_type1 tbody tr {border-bottom: 2px solid #bcbcbc;}
.tbl_type1 thead tr th {font-family: open_regular;color: #000;text-align: left;padding: 15px 0;}
.tbl_type1 tbody tr td {font-family: open_regular;color: #000;padding: 45px 0;vertical-align: top;font-size: 16px;}
.tbl_type1 tbody tr td.subj {width: 100%;padding-top: 40px;}
.tbl_type1 tbody tr td.subj .stitle4 {display: block;width: 100%;line-height: 42px;}
.tbl_type1 tbody tr td.subj a:hover {color: #0a6ee6;text-decoration: none;transition: .2s;-webkit-transition: .2s;}
.tbl_type1 tbody tr td.subj a:focus, .tbl_type1 tbody tr td.subj a:active {color: #000;}
.tbl_type1 tbody tr td .status {display: inline-block;width: 36px;height: 36px;}
.tbl_type1 tbody tr td .status.solved {background: url("https://office.hancom.com/contents/data/1/07/icon_status_solved.png") no-repeat 0 0;}
.tbl_type1 tbody tr td .status.unsolved {background: url("https://office.hancom.com/contents/data/1/07/icon_status_unsolved.png") no-repeat 0 0;}
.tbl_type1.my thead tr th {text-align: left;padding: 18px 0;font-family: open_semibold;font-size: 16px;color: #888;font-weight: 600;vertical-align: middle;}
.tbl_type1.my tbody tr td {min-height: 190px;font-family: open_light;font-weight: 100;}
.tbl_type1.my tbody tr td span {font-family: open_light;font-weight: 100;}
.tbl_type1.my tbody tr td.subj .stitle4 {width: 100%;}
.tbl_type1.my tbody tr td.subj .serial {position: relative;min-height: 26px;font-family: open_light;font-size: 16px;color: #000;font-weight: 100;margin-top: 5px;padding: 4px 0 0 225px;}
.tbl_type1.my tbody tr td.subj .serial span {position: absolute;left: 0;top: 0;font-family: open_regular;font-size: 20px;color: #000;padding-left: 40px;}
.tbl_type1.my tbody tr td.subj .serial.pro span {background: url("https://office.hancom.com/contents/data/1/07/icon_serial.png") no-repeat left center;}
.tbl_type1.my tbody tr td .wrap_view li {margin-bottom: 10px;}
.tbl_type2 {width: 100%;border-collapse: collapse;}
.tbl_type2 thead tr:last-child {border-bottom: 2px solid #cecece;}
.tbl_type2 tbody tr.b_line {border-bottom: 2px solid #cecece;}
.tbl_type2 thead tr th {font-family: open_semibold;font-size: 16px;color: #888;font-weight: 600;text-align: center;background: #f8f8f8;padding: 15px 25px;}
.tbl_type2 tbody tr td {font-family: open_light;font-size: 16px;color: #000;font-weight: 100;padding: 35px 25px;text-align: center;vertical-align: top;}
.tbl_type2 tbody tr td.b_line {border-bottom: 2px solid #cecece;}
.wrap_question {position: relative;display: inline-block;}
.wrap_question .bt_question {position: relative;display: inline-block;width: 24px;height: 24px;background: url("https://office.hancom.com/contents/data/1/07/icon_question01.png") no-repeat 0 0;vertical-align: middle;cursor: pointer;}
.wrap_question .bg_arrow {position: absolute;left: 1px;top: 28px;display: inline-block;display: none;width: 22px;height: 16px;background: url("https://office.hancom.com/contents/data/1/07/bg_arr01.png") no-repeat 0 0;z-index: 3;}
.wrap_question .pop_question {display: none;position: absolute;left: -52px;top: 42px;width: 340px;height: auto;font-family: open_light;font-size: 16px;color: #888;font-weight: 100;line-height: 32px;background: #fff;border: 2px solid #cecece;padding: 25px 20px;z-index: 2;box-shadow: 5px 5px 20px 0 rgba(0,0,0,.1);-webkit-box-shadow: 5px 5px 20px 0 rgba(0,0,0,.1);}
.wrap_question .pop_question em {font-family: open_light;font-weight: 100;}
.btn_type1 {display: inline-block;width: auto;height: 60px;font-family: open_regular;font-size: 20px;text-align: center;line-height: 54px;text-decoration: none;vertical-align: middle;padding: 0 40px;border-radius: 30px;cursor: pointer;transition: .5s;-webkit-transition: .5s;}
.btn_type1:hover {text-decoration: none;}
.btn_type1.cl1 {color: #fff;background: #0a6ee6;border: 3px solid #0a6ee6;}
.btn_type1.cl1:hover {color: #0a6ee6;background: none;}
.btn_type1.cl2 {color: #000;background: #f5f5f5;border: 3px solid #f5f5f5;}
.btn_type1.cl2:hover {color: #000;background: none;}
.btn_type1.cl3 {color: #000;background: #fff;border: 3px solid #fff;}
.btn_type1.cl3:hover {color: #000;background: none;}
.btn_type1.cl4 {color: #000;background: #fff;border: 3px solid #fff;}
.btn_type1.cl4:hover {color: #fff;background: none;}
.btn_type2 {display: inline-block;width: auto;min-width: 180px;height: 44px;font-family: open_regular;font-size: 16px;text-align: center;line-height: 40px;text-decoration: none;vertical-align: middle;padding: 0 40px;border-radius: 22px;cursor: pointer;transition: .5s;-webkit-transition: .5s;}
.btn_type2:hover {text-decoration: none;}
.btn_type2.cl1 {color: #fff;background: #0a6ee6;border: 2px solid #0a6ee6;}
.btn_type2.cl1:hover {color: #0a6ee6;background: none;}
.btn_type2.cl2 {color: #000;background: #f5f5f5;border: 2px solid #f5f5f5;}
.btn_type2.cl2:hover {color: #000;background: none;}
.btn_type2.cl3 {color: #fff;background: #121212;border: 2px solid #121212;}
.btn_type2.cl3:hover {color: #000;background: none;}
.btn_type2.cl4 {color: #000;background: #fff;border: 2px solid #fff;}
.btn_type2.cl4:hover {color: #fff;background: none;}
.btn_type3 {display: inline-block;transition: transform .5s ease;}
.btn_type3 span {position: relative;display: inline-block;height: 24px;font-family: open_regular;font-size: 16px;line-height: 16px;margin-right: 5px;text-decoration: none;transition: .3s;-webkit-transition: .3s;}
.btn_type3 span:after {content: "";position: absolute;right: 0;bottom: 0;display: inline-block;width: 100%;height: 1px;transition: .3s;-webkit-transition: .3s;}
.btn_type3:hover span:after {width: 0;}
.btn_type3 span.color_bk:after {background: #595959;}
.btn_type3 span.color_bl:after {background: #0a6ee6;}
.btn_type3 span.color_wh:after {background: #fff;}
.btn_type3 .arrow_icon {position: relative;top: -1px;transition: transform .3s ease;vertical-align: middle;}
.btn_type3 .arrow_icon_circle {transition: stroke-dashoffset .3s ease;stroke-dasharray: 100;stroke-dashoffset: 100;}
.btn_type3:hover {text-decoration: none;-webkit-transform: translate3d(5px,0,0);transform: translate3d(5px,0,0);}
.btn_type3:hover .arrow_icon_circle {stroke-dashoffset: 0;}
.btn_type4 {position: relative;display: inline-block;width: 90px;height: 90px;background: #f5f5f5;border-radius: 50%;transition: .5s;-webkit-transition: .5s;}
.btn_type4:hover {width: 145px;height: 145px;background: #0a6ee6;}
.btn_type4 > span {position: absolute;top: 50%;margin-top: -11px;display: inline-block;font-family: open_semibold;font-size: 22px;line-height: 1;color: #000;font-weight: 600;transition: .5s;-webkit-transition: .5s;}
.btn_type4:hover > span {color: #fff;}
.btn_type4 > span:after {content: "";position: absolute;top: 50%;margin-top: -8px;display: inline-block;width: 9px;height: 16px;transition: .5s;-webkit-transition: .5s;}
.btn_type4.prev > span {left: 40px;padding-left: 25px;}
.btn_type4.prev:hover > span {left: 15px;}
.btn_type4.prev > span:after {left: 0;background: url("https://office.hancom.com/contents/data/1/07/arr_04.png");}
.btn_type4.prev:hover > span:after {background: url("https://office.hancom.com/contents/data/1/07/arr_04_over.png");}
.btn_type4.next > span {right: 40px;padding-right: 25px;}
.btn_type4.next:hover > span {right: 35px;padding-right: 25px;}
.btn_type4.next > span:after {right: 0;background: url("https://office.hancom.com/contents/data/1/07/arr_05.png");}
.btn_type4.next:hover > span:after {background: url("https://office.hancom.com/contents/data/1/07/arr_05_over.png");}
.wrap_more {width: 100%;height: 115px;font-family: open_semibold;font-size: 22px;line-height: 1;color: #0a6ee6;text-align: center;margin-top: 50px;}
.wrap_more span {font-family: open_semibold;}
.wrap_more .btn_type5 {position: relative;display: inline-block;width: 60px;height: 60px;border: 3px solid #0a6ee6;background: #0a6ee6 url("https://office.hancom.com/contents/data/1/07/arr_06.png") no-repeat center;border-radius: 50%;margin-top: 30px;transition: .3s;-webkit-transition: .3s;cursor: pointer;}
.wrap_more .btn_type5:hover {background: #fff url("https://office.hancom.com/contents/data/1/07/arr_06_over.png") no-repeat center;}
.btn_type6 {display: inline-block;width: 210px;height: 55px;font-family: open_regular;font-size: 16px;line-height: 55px;color: #fff;background: #0a6ee6;text-decoration: none;transition: .5s;-webkit-transition: .5s;}
.btn_type6:hover {color: #fff;background: #121212;text-decoration: none;}
.btn_type7 {display: inline-block;width: 36px;height: 36px;background: url("https://office.hancom.com/contents/data/1/07/icon_more01.png") no-repeat 0 0;transition: .3s;-webkit-transition: .3s;}
.btn_type7:hover {background: url("https://office.hancom.com/contents/data/1/07/icon_more01_over.png") no-repeat 0 0;}
.btn_type8 {display: inline-block;font-family: open_semibold;font-size: 16px;color: #000;font-weight: 600;cursor: pointer;}
.btn_type8:after {content: "";display: inline-block;width: 4px;height: 8px;background: url("https://office.hancom.com/contents/data/1/07/arr_13.png") no-repeat right center;margin-left: 15px;}
.btn_type8:hover, .btn_type8:focus, .btn_type8:active {color: #000;text-decoration: none;}
.btn_download {padding-bottom: 15px;display: block;}
.btn_download:after {content: "";display: inline-block;width: 24px;height: 24px;background: url("https://office.hancom.com/contents/data/1/07/icon_down01.png") no-repeat right center;margin-left: 13px;vertical-align: middle;}
.btn_download span {display: inline-block;font-family: open_regular;font-size: 22px;line-height: 1;color: #0a6ee6;border-bottom: 2px solid #0a6ee6;padding-bottom: 1px;}
.btn_download2 {display: inline-block;}
.btn_download2:after {content: "";display: inline-block;width: 16px;height: 16px;background: url("https://office.hancom.com/contents/data/1/07/icon_file.png") no-repeat right center;margin-left: 8px;vertical-align: middle;}
.btn_download2 span {display: inline-block;font-family: open_light;font-size: 16px;color: #0a6ee6;font-weight: 100;line-height: 1;border-bottom: 1px solid #0a6ee6;}
.btn_view {display: inline-block;}
.btn_view:after {content: "";display: inline-block;width: 16px;height: 16px;background: url("https://office.hancom.com/contents/data/1/07/icon_view.png") no-repeat right center;margin-left: 8px;vertical-align: middle;}
.btn_view span {display: inline-block;font-family: open_light;font-size: 16px;color: #0a6ee6;font-weight: 100;line-height: 1;border-bottom: 1px solid #0a6ee6;}
.btn_del {display: inline-block;font-family: open_light;font-size: 16px;color: #0a6ee6;font-weight: 100;padding-right: 22px;background: url("https://office.hancom.com/contents/data/1/07/icon_delete.png") no-repeat right center;cursor: pointer;}
.btn_del.exp {color: #888;background: url("https://office.hancom.com/contents/data/1/07/icon_delete02.png") no-repeat right center;cursor: default;}
.btn_file {display: inline-block;cursor: pointer;}
.btn_file:before {content: "";display: inline-block;width: 20px;height: 24px;background: url("https://office.hancom.com/contents/data/1/07/icon_file02.png") no-repeat left center;vertical-align: middle;margin-right: 13px;}
.btn_file span {display: inline-block;font-family: open_regular;font-size: 16px;color: #0a6ee6;line-height: 1;border-bottom: 1px solid #0a6ee6;}
.btn_golist {display: inline-block;font-family: open_semibold;font-size: 22px;color: #000;font-weight: 600;padding-left: 40px;background: url("https://office.hancom.com/contents/data/1/07/icon_list01.png") no-repeat left center;}
.btn_golist:hover, .btn_golist:focus, .btn_golist:active {color: #000;text-decoration: none;}
.btn_ac {width: 100%;display: inline-block;text-align: center;vertical-align: top;}
.btn_ac div {display: inline-block;vertical-align: top;}
.btn_ac:after {content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.btn_ac .posR {position: absolute;right: 0;top: 0;}
.slideArea .slide_indicator {position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;text-align: center;z-index: 1;}
.slideArea .slide_indicator span {display: inline-block;width: 12px;height: 12px;background: #cecece;border-radius: 50%;margin: 0 12px;cursor: pointer;}
.slideArea .slide_indicator span.on {background: #0a6ee6;}
.input_type1 {width: 100%;height: 65px;font-family: open_light;font-size: 24px;color: #000;font-weight: 100;padding: 0;border-bottom: 4px solid #000;vertical-align: middle;}
.input_type1:focus {border-bottom: 4px solid #006dee;}
.input_type1.error {border-bottom: 4px solid #f00;}
.readonly_input {width: 100%;height: 65px;font-family: open_semibold;font-size: 24px;color: #0a6ee6;line-height: 65px;letter-spacing: -.3px;border-bottom: 4px solid #cecece;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
::-webkit-input-placeholder {color: #888;}
::-moz-placeholder {color: #888;}
:-ms-input-placeholder {color: #888;}
:-moz-placeholder {color: #888;}
.frmArea {width: 768px;margin: 0 auto;}
.frmArea label, .frmArea .readonly_label {display: inline-block;font-family: open_semibold;font-size: 26px;color: #000;font-weight: 600;line-height: 1;margin-bottom: 10px;}
.frmArea label.css_label {margin-bottom: 0;}
.frmArea .input_row {position: relative;margin-bottom: 60px;}
.frmArea .input_row label.essential:after {content: "*";display: inline-block;color: #f00;margin-left: 5px;}
.frmArea .input_row.mail .input_type1 {padding-right: 40px;background: url("https://office.hancom.com/contents/data/1/07/icon_mail.png") no-repeat right center;}
.frmArea .input_row.mail .readonly_input {padding-left: 40px;background: url("https://office.hancom.com/contents/data/1/07/icon_mail02.png") no-repeat left 58%;}
.frmArea .input_row.password .input_type1 {padding-right: 110px;background: url("https://office.hancom.com/contents/data/1/07/icon_pw01.png") no-repeat right center;}
.frmArea .input_row.password .pw_signal {position: absolute;right: 0;top: 55px;display: inline-block;width: auto;height: 24px;font-size: 16px;line-height: 24px;padding-right: 28px;}
.frmArea .input_row.password .pw_signal.secure {color: #0a6ee6;background: url("https://office.hancom.com/contents/data/1/07/icon_pw02.png") no-repeat right center;}
.frmArea .input_row.password .pw_signal.accept {color: #fc0;background: url("https://office.hancom.com/contents/data/1/07/icon_pw03.png") no-repeat right center;}
.frmArea .input_row.password .pw_signal.weak {color: #f00;background: url("https://office.hancom.com/contents/data/1/07/icon_pw04.png") no-repeat right center;}
.frmArea .input_row.password_con .input_type1 {padding-right: 40px;background: url("https://office.hancom.com/contents/data/1/07/icon_pwchk.png") no-repeat right center;}
.frmArea .input_row.password_con .input_type1.ok {background: url("https://office.hancom.com/contents/data/1/07/icon_pwchk_on.png") no-repeat right center;}
.frmArea .input_row.password_con.disabled label {color: #cecece;}
.frmArea .input_row.password_con.disabled .input_type1 {opacity: .4;}
.frmArea .input_row .alarm_msg1, .frmArea .input_row .alarm_msg2 {position: absolute;bottom: -46px;left: 0;}
.frmArea .input_row .textarea_type1 {margin-top: 20px;}
.frmArea .input_row .textarea_type1 + .alarm_msg1 {bottom: -25px;}
.fileInputHidden {position: relative;}
.fileInputHidden input[type="file"] {width: 100%;height: 65px;position: absolute;left: 0px;bottom: 0px;opacity: 0;cursor: pointer;padding: 0 !important;font-size: 24px;z-index: 2;filter: alpha(opacity=0);-ms-filter: "alpha(opacity=0)";-khtml-opacity: 0;-moz-opacity: 0;}
.fileInputHidden input[type="file"]:focus + .input_type1 {border-bottom: 4px solid #0a6ee6;}
.fileInputHidden .btn_file {position: absolute;right: 0;bottom: 25px;z-index: 1;}
.fileInputHidden:hover .btn_file {}
.checkbox_ui {display: inline-block;}
.checkbox_ui label.css_label {display: inline-block;background: url("https://office.hancom.com/contents/data/1/07/icon_checkbox.png") no-repeat;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-weight: normal;}
.checkbox_ui input[type=checkbox].css_checkbox {position: absolute;z-index: -1000;left: -1000px;overflow: hidden;clip: rect(0 0 0 0);height: 1px;width: 1px;margin: -1px;padding: 0;border: 0;}
.checkbox_ui input[type=checkbox].css_checkbox + label.css_label {width: auto;height: auto;min-height: 28px;padding: 0 0 0 43px;cursor: pointer;background-position: 0 0;}
.checkbox_ui input[type=checkbox].css_checkbox:focus + label.css_label {outline-style: inherit !important;}
.checkbox_ui input[type=checkbox].css_checkbox:checked + label.css_label {background: url("https://office.hancom.com/contents/data/1/07/icon_checkbox_on.png") no-repeat;}
.checkbox_ui input[type=checkbox].css_checkbox + label.css_label.font1 {font-family: open_light;font-size: 16px;color: #888;font-weight: 100;line-height: 28px;transition: .3s;-webkit-transition: .3s;}
.checkbox_ui input[type=checkbox].css_checkbox + label.css_label.font1 a {color: #0a6ee6;text-decoration: underline;}
.checkbox_ui input[type=checkbox].css_checkbox + label.css_label.font1 a:hover, .checkbox_ui input[type=checkbox].css_checkbox + label.css_label.font1 a:focus, .checkbox_ui input[type=checkbox].css_checkbox + label.css_label.font1 a:active {text-decoration: underline !important;}
.checkbox_ui input[type=checkbox].css_checkbox:checked + label.css_label.font1 {color: #000;transition: .3s;-webkit-transition: .3s;}
.select_ui1 {display: inline-block;}
.sbHolder {position: relative;width: 100%;height: 48px;padding: 0 21px;}
.sbSelector {display: block;width: 100%;height: auto;font-family: open_regular,spjp_regular;font-size: 16px;color: #000;line-height: 1;border-bottom: 1px solid #000;padding: 16px 0 6px;}
.sbSelector:hover {color: #000;text-decoration: none;}
.sbToggle {display: block;width: 12px;height: 7px;background: url("https://office.hancom.com/contents/data/1/07/arr_01.png") no-repeat 0 0;position: absolute;right: 20px;top: 20px;}
.sbToggleOpen {background: url("https://office.hancom.com/contents/data/1/07/arr_01_on.png") no-repeat 0 0;z-index: 2;}
.sbOptions {width: 100%;background-color: #fff;border: 1px solid #bcbcbc;position: absolute;top: 0px !important;left: 0;z-index: 1;overflow-y: auto;}
.sbOptions a {display: block;height: 47px;font-family: open_regular,spjp_regular;font-size: 16px;color: #888;line-height: 47px;padding: 0 20px;border-bottom: 1px solid #bcbcbc;}
.sbOptions a:hover {color: #888;text-decoration: none;}
.sbOptions li:last-child a {border-bottom: none;}
.sbOptions a.selected {color: #0a6ee6;}
.select_ui2 {display: inline-block;}
.select_ui2 .sbHolder {position: relative;width: 100%;height: 40px;padding: 0 21px;}
.select_ui2 .sbSelector {display: block;width: 100%;height: auto;font-family: open_regular,spjp_regular;font-size: 16px;color: #000;line-height: 40px;border-bottom: none;padding: 0;}
.select_ui2 .sbToggle {display: block;width: 13px;height: 9px;background: url("https://office.hancom.com/contents/data/1/07/arr_03.png") no-repeat 0 0;position: absolute;right: 20px;top: 16px;}
.select_ui2 .sbToggleOpen {background: url("https://office.hancom.com/contents/data/1/07/arr_03_on.png") no-repeat 0 0;z-index: 2;}
.select_ui2 .sbOptions {width: 100%;background-color: #fff;border: 1px solid #bcbcbc;position: absolute;top: 0px !important;left: 0;z-index: 1;overflow-y: auto;}
.select_ui2 .sbOptions a {display: block;height: 40px;font-family: open_regular,spjp_regular;font-size: 16px;color: #000;line-height: 40px;padding: 0 20px;border-bottom: 1px solid #bcbcbc;}
.select_ui2 .sbOptions li:last-child a {border-bottom: none;}
.select_ui2 .sbOptions a.selected {color: #0a6ee6;}
.select_ui3 {display: block;}
.select_ui3 .sbHolder {position: relative;width: 100%;height: 65px;padding: 0;}
.select_ui3 .sbSelector {display: block;width: 100%;height: auto;font-family: open_light;font-size: 24px;color: #000;font-weight: 100;line-height: 65px;border-bottom: 4px solid #000;padding: 0 20px;}
.select_ui3 .sbToggle {display: block;width: 24px;height: 14px;background: url("https://office.hancom.com/contents/data/1/07/arr_12.png") no-repeat 0 0;position: absolute;right: 20px;top: 25px;}
.select_ui3 .sbToggleOpen {background: url("https://office.hancom.com/contents/data/1/07/arr_12_on.png") no-repeat 0 0;z-index: 2;}
.select_ui3 .sbOptions {width: 100%;max-height: 1000px !important;background-color: #fff;border: 1px solid #bcbcbc;position: absolute;top: 0px !important;left: 0;z-index: 1;overflow-y: auto;}
.select_ui3 .sbOptions a {display: block;height: 65px;font-family: open_regular;font-size: 24px;color: #000;line-height: 65px;padding: 0 20px;border-bottom: 1px solid #bcbcbc;}
.select_ui3 .sbOptions li:last-child a {border-bottom: none;}
.select_ui3 .sbOptions a.selected {color: #0a6ee6;}
.select_ui3.error .sbSelector {border-bottom: 4px solid #f00;}
.select_ui3.disabled .sbSelector {color: #888;border-bottom: 4px solid #cecece;cursor: default;}
.select_ui3.disabled .sbToggle {opacity: .2;cursor: default;}
.select_ui3.disabled .sbToggleOpen {opacity: .2;background: url("https://office.hancom.com/contents/data/1/07/arr_12.png") no-repeat 0 0;}
.select_ui3.disabled .sbOptions {display: none !important;}
.select_ui3.disabled .sbOptions a {display: none !important;}
.textarea_type1 {width: 100%;height: auto;font-family: open_light;font-size: 24px;color: #000;font-weight: 100;text-align: left;line-height: 36px;background: #fff;padding: 15px 23px;border: 2px solid #bcbcbc;overflow: auto;resize: none;}
.textarea_type1:focus {border: 2px solid #0a6ee6;}
.textarea_type1.error {border: 2px solid #f00;}
.textarea_type1 + .alarm_msg1 {padding: 10px 0 0;}
.boardList_1 {}
.boardList_1 .list {width: 100%;}
.boardList_1 .list li {width: 100%;padding: 30px 0;border-bottom: 2px solid #bcbcbc;}
.boardList_1 .list li:after {display: block;height: 0;clear: both;content: ".";visibility: hidden;}
.boardList_1 .list li .subject {float: left;width: 70%;}
.boardList_1 .list li .subject a {display: inline-block;display: -webkit-box;width: 100%;height: 96px;font-family: sp_regular;font-size: 32px;line-height: 48px;color: #000;transition: .2s;-webkit-transition: .2s;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-word;}
.boardList_1 .list li .subject a:hover {color: #0a6ee6;text-decoration: none;}
.boardList_1 .list li .info {float: right;width: 30%;text-align: right;}
.boardList_1 .list li .info span {display: inline-block;font-size: 16px;color: #000;}
.boardList_1 .list li .info .vi_count {display: inline-block;background: url("https://office.hancom.com/contents/data/1/07/icon_view01.png") no-repeat left center;padding-left: 35px;margin-right: 60px;}
.boardView_1 {border-bottom: 2px solid #bcbcbc;}
.boardView_1 .top_box {position: relative;padding: 50px 0 50px 300px;border-bottom: 2px solid #bcbcbc;}
.boardView_1 .top_box .date {position: absolute;left: 0;top: 55px;}
.boardView_1 .top_box .subject {min-height: 38px;font-family: sp_regular;font-size: 32px;line-height: 48px;word-break: break-word;margin: 0;}
.boardView_1 .view_contents {padding: 95px 0 95px 300px;word-break: break-word;}
.boardView_1 .view_contents div, .boardView_1 .view_contents p, .boardView_1 .view_contents span {word-wrap: break-word;word-break: break-word;}
.boardView_1 .view_contents p {margin: 0;}
.boardView_1 .view_contents .attachment {margin-top: 70px;}
.boardView_1 .view_contents .attachment .txt {font-family: open_semibold;font-size: 16px;line-height: 1;color: #888;font-weight: 600;margin-bottom: 20px;}
.boardView_2 {border-top: 4px solid #000;}
.boardView_2 .item_name {font-family: open_semibold;font-size: 16px;color: #888;font-weight: 600;}
.boardView_2 .top_box {position: relative;padding: 50px 0 50px 300px;border-bottom: 2px solid #bcbcbc;}
.boardView_2 .top_box .posL {position: absolute;left: 0;top: 50px;}
.boardView_2 .top_box .wrap_ri {padding-right: 130px;}
.boardView_2 .top_box .wrap_ri .stitle4 {min-height: 38px;line-height: 38px;}
.boardView_2 .top_box .wrap_ri .top_item_list {margin-top: 40px;overflow: hidden;}
.boardView_2 .top_box .wrap_ri .top_item_list li {float: left;font-size: 20px;padding-right: 20px;}
.boardView_2 .top_box .wrap_ri .top_item_list li:nth-child(1) {width: 27.5%;}
.boardView_2 .top_box .wrap_ri .top_item_list li:nth-child(2) {width: 42.5%;}
.boardView_2 .top_box .wrap_ri .top_item_list li:nth-child(3) {width: 30%;}
.boardView_2 .top_box .wrap_ri .top_item_list li .item_name {margin-bottom: 10px;}
.boardView_2 .view_contents .item_list {margin-top: 40px;border-bottom: 2px solid #bcbcbc;}
.boardView_2 .view_contents .item_list li {position: relative;min-height: 29px;margin-bottom: 40px;padding: 0 100px 0 300px;font-size: 22px;}
.boardView_2 .view_contents .item_list li .item_name {position: absolute;left: 0;top: 3px;}
.boardView_2 .comment_area {padding-top: 40px;}
.boardView_2 .comment_area .cmt_row {position: relative;margin-bottom: 35px;padding: 0 0 35px 300px;border-bottom: 2px solid #bcbcbc;}
.boardView_2 .comment_area .cmt_row .user_id {position: absolute;left: 0;top: 3px;width: 270px;font-family: open_semibold;font-size: 22px;color: #888;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.boardView_2 .comment_area .cmt_row .txt_type1 {padding-right: 170px;margin: 0;}
.boardView_2 .comment_area .cmt_row .txt_type1 p {margin: 0;}
.boardView_2 .comment_area .cmt_row .date {position: absolute;right: 0;top: 5px;font-size: 16px;color: #888;}
.boardView_2 .comment_area .textarea_type1 {height: 220px;margin-top: 30px;}
.boardView_2 .comment_area .btn_ac {margin-bottom: 0 !important;}
.wrapListStyle {position: relative;padding-bottom: 95px;}
.viewBtnGroup {position: relative;text-align: center;margin: 100px 0;}
.viewBtnGroup .btn_type4 {position: absolute;top: 0;bottom: 0;margin: auto 0;}
.viewBtnGroup .btn_type4.prev {left: 0;}
.viewBtnGroup .btn_type4.next {right: 0;}
.layerPop {width: 650px;height: auto;background: #fff;position: absolute;left: 0;right: 0;margin: 0 auto 50px;}
.layerPop .wrap {position: relative;}
.layerPop .btn_close {display: block;width: 64px;height: 64px;text-indent: -9999px;position: absolute;right: -32px;top: -32px;cursor: pointer;background: url("https://office.hancom.com/contents/data/1/07/btn_close_01.png") no-repeat;opacity: 1;}
.layerPop .btn_close:hover {opacity: 1;}
.layerPop .poptitle {font-family: open_regular;font-size: 40px;color: #000;text-align: center;padding-top: 50px;}
.layerPop .popContent {padding: 40px 40px 90px 40px;}
.layerPop .popContent .txt1 {font-family: sp_regular;font-size: 26px;text-align: center;margin-bottom: 30px;}
.layerPop .popContent .txt2 {font-size: inherit;line-height: initial;word-break: break-all;}
.layerPop .popContent .txt2 img {display: inline;width: initial;max-width: 100%;}
.layerPop .popContent .input_row .input_type1 {margin-bottom: 15px;}
.layerPop .popContent .input_row p.alarm_msg1 {padding: 0;}
.layerPop .popContent .btn_ac {margin-top: 35px;}
.layerPop .popContent .btn_ac a {min-width: 240px;}
.layerPop .popBottom {padding: 35px 40px 40px;background: #f1f1f1;color: #888;}
.carousel-control, .carousel-indicators {display: none;}
.modal-open {overflow: hidden !important;position: absolute !important;width: 100% !important;height: 100% !important;}
[data-hidden="true"] {display: none !important;}
.relative {position: relative;}
.productSubmenu .wrap_submenu .subGnb_list li.current-menu-item a {border-bottom: 3px solid #0a6ee6;}
.modal {z-index: 4000 !important;}
.boardList_1 .list img {padding-right: 30px;}
.boardList_blog .list li .subject {width: 60%;}
.boardList_blog .list li .info {width: 15%;}
.boardList_blog .list li .blog_img {float: left;width: 25%;}
.full-img img {width: 100%;height: auto;}
img {height: auto;max-width: 100%;}
* {margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-family: open_regular;font-size: 100%;font-weight: normal;vertical-align: baseline;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display: block;}
select::-ms-expand {display: none;}
input[type="text"]::-ms-clear, input[type="email"]::-ms-clear {display: none;}
body {font-family: open_regular;font-weight: normal;font-size: 16px;color: #000;background-color: transparent;-webkit-text-size-adjust: none;}
img {border: 0px;display: block;}
a {text-decoration: none;color: #000;}
a:hover {text-decoration: none;color: #000;}
a:focus {text-decoration: none !important;}
a:focus {outline: none !important;outline-offset: 0 !important;}
table {table-layout: fixed;}
ul, ol {margin: 0 auto;padding: 0;list-style: none;}
input, textarea, select {font-family: open_regular;font-size: 16px;color: #666;border: 0;outline-style: none;}
.invisible, caption, legend {position: absolute;left: -9999px;font-size: 0;line-height: 0%;visibility: hidden;}
label.hidden {position: absolute;left: -9999px;font-size: 0;line-height: 0%;visibility: hidden;}
button {font-family: open_regular;background: none;border: 0;cursor: pointer;outline-style: none;}
button>span {position: relative;}
em {font-style: normal;}
b {font-family: open_bold;}
.fl {float: left;}
.fr {float: right;}
.hidden {overflow: hidden;}
.txt_hidden {display: block;width: 0;height: 0;font-size: 0;position: absolute;left: -9999px;}
.clear:after {display: block;height: 0;clear: both;content: ".";visibility: hidden;}
.relative {position: relative;}
.static {position: static !important;}
.elps {display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.elps2 {display: block;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-word;}
.wb {word-break: break-all;}
.border {border: 1px solid red;}
.inline {display: inline;}
.inblock {display: inline-block;}
.block {display: block !important;}
.tac {text-align: center !important;}
.tar {text-align: right !important;}
.tal {text-align: left !important;}
.vam {vertical-align: middle !important;}
.cursor {cursor: pointer;}
.tac .posR {position: absolute;right: 0;top: 0;}
.v_stnd {width: 1%;height: 100%;display: inline-block;vertical-align: middle;}
.v_center {width: 98%;text-align: center;display: inline-block;vertical-align: middle;}
.v_center2 {width: 96%;text-align: center;display: inline-block;vertical-align: middle;}
.visual_dim {width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: #000;opacity: .2;filter: alpah(opacity=20);z-index: 1700;}
.pl5 {padding-left: 5px;}
.pl10 {padding-left: 10px;}
.pr10 {padding-right: 10px;}
.pr20 {padding-right: 20px;}
.pt5 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pb0 {padding-bottom: 0;}
.pb5 {padding-bottom: 5px;}
.pb10 {padding-bottom: 10px;}
.mt0 {margin-top: 0px !important;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mb0 {margin-bottom: 0px !important;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb40 {margin-bottom: 40px !important;}
.mb70 {margin-bottom: 70px !important;}
.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml20 {margin-left: 20px;}
.ml50 {margin-left: 50px;}
.ml60 {margin-left: 60px;}
.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr20 {margin-right: 20px;}
.mr50 {margin-right: 50px;}
.mr60 {margin-right: 60px;}
.w1660 {width: 100%;max-width: 1660px;margin: 0 auto;}
.w1440 {width: 100%;min-width: 1024px;max-width: 1440px;margin: 0 auto;}
.w1280 {width: 100%;min-width: 1024px;max-width: 1280px;margin: 0 auto;padding: 0 56px;}
.sectionLine {width: 100%;height: 1px;border-top: 1px solid #dbdbdb;}
.sectionLine2 {width: 100%;height: 2px;border-top: 2px solid #dbdbdb;}
.color_bk {color: #000;}
.color_bl {color: #0a6ee6 !important;}
.color_wh {color: #fff;}
.color_red {color: #f00;}
.color_gry {color: #888;}
.color_gn {color: #6bc452;}
.color_gn2 {color: #269f6c;}
.bg_grey {background: #f8f8f8;}
.bg_grey .modal-backdrop {z-index: 1040 !important;}
.modal-backdrop {z-index: 3000 !important;}
.stitle1 {font-family: sp_regular;font-size: 72px;color: #000;line-height: 86px;letter-spacing: -.8px;}
.stitle2 {font-family: sp_regular;font-size: 50px;color: #000;line-height: 64px;letter-spacing: -.3px;}
.stitle3 {font-family: sp_regular;font-size: 32px;color: #000;line-height: 48px;}
.stitle4 {font-family: sp_regular;font-size: 26px;color: #000;line-height: 30px;}
.stitle5 {font-family: sp_regular;font-size: 64px;color: #000;line-height: 80px;letter-spacing: -.3px;}
.stitle6 {font-family: sp_regular;font-size: 52px;color: #000;line-height: 72px;letter-spacing: -.3px;}
.txt_type1 {font-family: open_regular;font-size: 22px;color: #000;line-height: 38px;}
.txt_type2 {font-family: open_regular;font-size: 20px;color: #000;line-height: 36px;}
.txt_type3 {font-family: open_regular;font-size: 18px;color: #000;line-height: 28px;}
.txt_type3 a {color: #0a6ee6;text-decoration: underline;}
.txt_type3 a:hover {color: #0a6ee6;text-decoration: underline !important;}
.txt_type4 {font-family: open_regular;font-size: 32px;color: #000;line-height: 48px;}
.txt_type5 {font-family: open_light;font-size: 16px;color: #000;line-height: 38px;font-weight: 100;}
.txt_type5 em {font-family: open_light;font-weight: 100;}
.txt_cap1 {font-family: open_regular;font-size: 20px;line-height: 36px;color: #888;}
.txt_cap2 {font-family: open_regular;font-size: 16px;line-height: 30px;color: #888;}
.txt_cap2 a {color: #2e70de;text-decoration: underline;}
.txt_cap2 a:hover, .txt_cap2 a:focus, .txt_cap2 a:active {color: #2e70de;text-decoration: underline !important;}
.txt_cap3 {font-family: open_light;font-size: 16px;line-height: 24px;color: #888;font-weight: 100;}
.guide_comment1 {display: block;font-family: open_light;font-size: 16px;color: #888;font-weight: 100;text-align: center;margin-bottom: 5px;}
.guide_comment1 span {font-family: open_light;font-weight: 100;}
.guide_comment1 a {color: #0a6ee6;text-decoration: underline;}
.guide_comment1 a:hover, .guide_comment1 a:focus, .guide_comment1 a:active {color: #0a6ee6;text-decoration: underline !important;}
.guide_comment1 strong {font-family: open_light;font-size: 16px;font-weight: 100;}
.guide_comment2 {position: relative;font-family: open_regular;font-size: 16px;line-height: 24px;color: #888;padding-left: 20px;}
.guide_comment2:before {content: "※";position: absolute;left: 0;top: 0;display: inline-block;}
.info_msg {position: relative;width: 768px;font-family: open_light;font-size: 16px;line-height: 24px;color: #888;font-weight: 100;text-align: center;padding-top: 45px;margin: 0 auto;}
.info_msg:before {content: "!";display: inline-block;width: 32px;height: 32px;background: #cecece;border-radius: 50%;font-family: sp_bold;line-height: 32px;color: #fff;position: absolute;left: 50%;margin-left: -16px;top: 0;}
.info_msg a {color: #0a6ee6;text-decoration: underline;}
p.alarm_msg1 {1display: none;font-family: open_light;font-size: 16px;font-weight: 100;line-height: 1;color: #f00;padding: 15px 0;margin: 0;}
p.alarm_msg2 {1display: none;font-family: open_light;font-size: 16px;font-weight: 100;line-height: 1;color: #006dee;padding: 15px 0;margin: 0;}
.loading_box {min-width: 282px;height: 134px;padding: 90px 35px 0 35px;font-size: 15px;color: #929292;text-align: center;letter-spacing: -.5px;border: 1px solid #ededed;background: #fff url("") no-repeat center 30px;}
.loading_dim {width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: #fff;opacity: .7;z-index: 10000;overflow: hidden;}
.loading_wrap .loading_obj {display: block;width: 140px;height: 140px;position: fixed;left: 0;right: 0;top: 0;bottom: 0;margin: auto;background: url("https://office.hancom.com/contents/data/1/07/loading.gif") no-repeat;z-index: 10000;}
.no_content {min-width: 1024px;max-width: 1280px;text-align: center;margin: 70px auto 145px;}
.tab_type1 {width: 100%;}
.tab_type1 ul {width: 100%;}
.tab_type1 ul li {float: left;width: 50%;margin-left: -1px;}
.tab_type1 ul li a {display: inline-block;width: 100%;height: 70px;font-family: open_semibold;font-size: 22px;color: #707070;text-align: center;background: #fff;padding-top: 17px;border: 1px solid #bcbcbc;}
.tab_type1 ul li a.on {color: #fff;background: #0a6ee6;border: 1px solid #0a6ee6;}
.tab_type1 ul li a:hover {text-decoration: none;}
.tableWrap1 {width: 100%;height: auto;border-top: 4px solid #000;}
.tableWrap2 {width: 100%;height: auto;border-top: 3px solid #000;}
.tbl_type1 {width: 100%;border-collapse: collapse;}
.tbl_type1 thead tr, .tbl_type1 tbody tr {border-bottom: 2px solid #bcbcbc;}
.tbl_type1 thead tr th {font-family: open_regular;color: #000;text-align: left;padding: 15px 0;}
.tbl_type1 tbody tr td {font-family: open_regular;color: #000;padding: 45px 0;vertical-align: top;font-size: 16px;}
.tbl_type1 tbody tr td.subj {width: 100%;padding-top: 40px;}
.tbl_type1 tbody tr td.subj .stitle4 {display: block;width: 100%;line-height: 42px;}
.tbl_type1 tbody tr td.subj a:hover {color: #0a6ee6;text-decoration: none;transition: .2s;-webkit-transition: .2s;}
.tbl_type1 tbody tr td.subj a:focus, .tbl_type1 tbody tr td.subj a:active {color: #000;}
.tbl_type1 tbody tr td .status {display: inline-block;width: 36px;height: 36px;}
.tbl_type1 tbody tr td .status.solved {background: url("https://office.hancom.com/contents/data/1/07/icon_status_solved.png") no-repeat 0 0;}
.tbl_type1 tbody tr td .status.unsolved {background: url("https://office.hancom.com/contents/data/1/07/icon_status_unsolved.png") no-repeat 0 0;}
.tbl_type1.my thead tr th {text-align: left;padding: 18px 0;font-family: open_semibold;font-size: 16px;color: #888;font-weight: 600;vertical-align: middle;}
.tbl_type1.my tbody tr td {min-height: 190px;font-family: open_light;font-weight: 100;}
.tbl_type1.my tbody tr td span {font-family: open_light;font-weight: 100;}
.tbl_type1.my tbody tr td.subj .stitle4 {width: 100%;}
.tbl_type1.my tbody tr td.subj .serial {position: relative;min-height: 26px;font-family: open_light;font-size: 16px;color: #000;font-weight: 100;margin-top: 5px;padding: 4px 0 0 225px;}
.tbl_type1.my tbody tr td.subj .serial span {position: absolute;left: 0;top: 0;font-family: open_regular;font-size: 20px;color: #000;padding-left: 40px;}
.tbl_type1.my tbody tr td.subj .serial.pro span {background: url("https://office.hancom.com/contents/data/1/07/icon_serial.png") no-repeat left center;}
.tbl_type1.my tbody tr td .wrap_view li {margin-bottom: 10px;}
.tbl_type2 {width: 100%;border-collapse: collapse;}
.tbl_type2 thead tr:last-child {border-bottom: 2px solid #cecece;}
.tbl_type2 tbody tr.b_line {border-bottom: 2px solid #cecece;}
.tbl_type2 thead tr th {font-family: open_semibold;font-size: 16px;color: #888;font-weight: 600;text-align: center;background: #f8f8f8;padding: 15px 25px;}
.tbl_type2 tbody tr td {font-family: open_light;font-size: 16px;color: #000;font-weight: 100;padding: 35px 25px;text-align: center;vertical-align: top;}
.tbl_type2 tbody tr td.b_line {border-bottom: 2px solid #cecece;}
.wrap_question {position: relative;display: inline-block;}
.wrap_question .bt_question {position: relative;display: inline-block;width: 24px;height: 24px;background: url("https://office.hancom.com/contents/data/1/07/icon_question01.png") no-repeat 0 0;vertical-align: middle;cursor: pointer;}
.wrap_question .bg_arrow {position: absolute;left: 1px;top: 28px;display: inline-block;display: none;width: 22px;height: 16px;background: url("https://office.hancom.com/contents/data/1/07/bg_arr01.png") no-repeat 0 0;z-index: 3;}
.wrap_question .pop_question {display: none;position: absolute;left: -52px;top: 42px;width: 340px;height: auto;font-family: open_light;font-size: 16px;color: #888;font-weight: 100;line-height: 32px;background: #fff;border: 2px solid #cecece;padding: 25px 20px;z-index: 2;box-shadow: 5px 5px 20px 0 rgba(0,0,0,.1);-webkit-box-shadow: 5px 5px 20px 0 rgba(0,0,0,.1);}
.wrap_question .pop_question em {font-family: open_light;font-weight: 100;}
.btn_type1 {display: inline-block;width: auto;height: 60px;font-family: open_regular;font-size: 20px;text-align: center;line-height: 54px;text-decoration: none;vertical-align: middle;padding: 0 40px;border-radius: 30px;cursor: pointer;transition: .5s;-webkit-transition: .5s;}
.btn_type1:hover {text-decoration: none;}
.btn_type1.cl1 {color: #fff;background: #0a6ee6;border: 3px solid #0a6ee6;}
.btn_type1.cl1:hover {color: #0a6ee6;background: none;}
.btn_type1.cl2 {color: #000;background: #f5f5f5;border: 3px solid #f5f5f5;}
.btn_type1.cl2:hover {color: #000;background: none;}
.btn_type1.cl3 {color: #000;background: #fff;border: 3px solid #fff;}
.btn_type1.cl3:hover {color: #000;background: none;}
.btn_type1.cl4 {color: #000;background: #fff;border: 3px solid #fff;}
.btn_type1.cl4:hover {color: #fff;background: none;}
.btn_type2 {display: inline-block;width: auto;min-width: 180px;height: 44px;font-family: open_regular;font-size: 16px;text-align: center;line-height: 40px;text-decoration: none;vertical-align: middle;padding: 0 40px;border-radius: 22px;cursor: pointer;transition: .5s;-webkit-transition: .5s;}
.btn_type2:hover {text-decoration: none;}
.btn_type2.cl1 {color: #fff;background: #0a6ee6;border: 2px solid #0a6ee6;}
.btn_type2.cl1:hover {color: #0a6ee6;background: none;}
.btn_type2.cl2 {color: #000;background: #f5f5f5;border: 2px solid #f5f5f5;}
.btn_type2.cl2:hover {color: #000;background: none;}
.btn_type2.cl3 {color: #fff;background: #121212;border: 2px solid #121212;}
.btn_type2.cl3:hover {color: #000;background: none;}
.btn_type2.cl4 {color: #000;background: #fff;border: 2px solid #fff;}
.btn_type2.cl4:hover {color: #fff;background: none;}
.btn_type3 {display: inline-block;transition: transform .5s ease;}
.btn_type3 span {position: relative;display: inline-block;height: 24px;font-family: open_regular;font-size: 16px;line-height: 16px;margin-right: 5px;text-decoration: none;transition: .3s;-webkit-transition: .3s;}
.btn_type3 span:after {content: "";position: absolute;right: 0;bottom: 0;display: inline-block;width: 100%;height: 1px;transition: .3s;-webkit-transition: .3s;}
.btn_type3:hover span:after {width: 0;}
.btn_type3 span.color_bk:after {background: #595959;}
.btn_type3 span.color_bl:after {background: #0a6ee6;}
.btn_type3 span.color_wh:after {background: #fff;}
.btn_type3 .arrow_icon {position: relative;top: -1px;transition: transform .3s ease;vertical-align: middle;}
.btn_type3 .arrow_icon_circle {transition: stroke-dashoffset .3s ease;stroke-dasharray: 100;stroke-dashoffset: 100;}
.btn_type3:hover {text-decoration: none;-webkit-transform: translate3d(5px,0,0);transform: translate3d(5px,0,0);}
.btn_type3:hover .arrow_icon_circle {stroke-dashoffset: 0;}
.btn_type4 {position: relative;display: inline-block;width: 90px;height: 90px;background: #f5f5f5;border-radius: 50%;transition: .5s;-webkit-transition: .5s;}
.btn_type4:hover {width: 145px;height: 145px;background: #0a6ee6;}
.btn_type4 > span {position: absolute;top: 50%;margin-top: -11px;display: inline-block;font-family: open_semibold;font-size: 22px;line-height: 1;color: #000;font-weight: 600;transition: .5s;-webkit-transition: .5s;}
.btn_type4:hover > span {color: #fff;}
.btn_type4 > span:after {content: "";position: absolute;top: 50%;margin-top: -8px;display: inline-block;width: 9px;height: 16px;transition: .5s;-webkit-transition: .5s;}
.btn_type4.prev > span {left: 40px;padding-left: 25px;}
.btn_type4.prev:hover > span {left: 15px;}
.btn_type4.prev > span:after {left: 0;background: url("https://office.hancom.com/contents/data/1/07/arr_04.png");}
.btn_type4.prev:hover > span:after {background: url("https://office.hancom.com/contents/data/1/07/arr_04_over.png");}
.btn_type4.next > span {right: 40px;padding-right: 25px;}
.btn_type4.next:hover > span {right: 35px;padding-right: 25px;}
.btn_type4.next > span:after {right: 0;background: url("https://office.hancom.com/contents/data/1/07/arr_05.png");}
.btn_type4.next:hover > span:after {background: url("https://office.hancom.com/contents/data/1/07/arr_05_over.png");}
.wrap_more {width: 100%;height: 115px;font-family: open_semibold;font-size: 22px;line-height: 1;color: #0a6ee6;text-align: center;margin-top: 50px;}
.wrap_more span {font-family: open_semibold;}
.wrap_more .btn_type5 {position: relative;display: inline-block;width: 60px;height: 60px;border: 3px solid #0a6ee6;background: #0a6ee6 url("https://office.hancom.com/contents/data/1/07/arr_06.png") no-repeat center;border-radius: 50%;margin-top: 30px;transition: .3s;-webkit-transition: .3s;cursor: pointer;}
.wrap_more .btn_type5:hover {background: #fff url("https://office.hancom.com/contents/data/1/07/arr_06_over.png") no-repeat center;}
.btn_type6 {display: inline-block;width: 210px;height: 55px;font-family: open_regular;font-size: 16px;line-height: 55px;color: #fff;background: #0a6ee6;text-decoration: none;transition: .5s;-webkit-transition: .5s;}
.btn_type6:hover {color: #fff;background: #121212;text-decoration: none;}
.btn_type7 {display: inline-block;width: 36px;height: 36px;background: url("https://office.hancom.com/contents/data/1/07/icon_more01.png") no-repeat 0 0;transition: .3s;-webkit-transition: .3s;}
.btn_type7:hover {background: url("https://office.hancom.com/contents/data/1/07/icon_more01_over.png") no-repeat 0 0;}
.btn_type8 {display: inline-block;font-family: open_semibold;font-size: 16px;color: #000;font-weight: 600;cursor: pointer;}
.btn_type8:after {content: "";display: inline-block;width: 4px;height: 8px;background: url("https://office.hancom.com/contents/data/1/07/arr_13.png") no-repeat right center;margin-left: 15px;}
.btn_type8:hover, .btn_type8:focus, .btn_type8:active {color: #000;text-decoration: none;}
.btn_download {padding-bottom: 15px;display: block;}
.btn_download:after {content: "";display: inline-block;width: 24px;height: 24px;background: url("https://office.hancom.com/contents/data/1/07/icon_down01.png") no-repeat right center;margin-left: 13px;vertical-align: middle;}
.btn_download span {display: inline-block;font-family: open_regular;font-size: 22px;line-height: 1;color: #0a6ee6;border-bottom: 2px solid #0a6ee6;padding-bottom: 1px;}
.btn_download2 {display: inline-block;}
.btn_download2:after {content: "";display: inline-block;width: 16px;height: 16px;background: url("https://office.hancom.com/contents/data/1/07/icon_file.png") no-repeat right center;margin-left: 8px;vertical-align: middle;}
.btn_download2 span {display: inline-block;font-family: open_light;font-size: 16px;color: #0a6ee6;font-weight: 100;line-height: 1;border-bottom: 1px solid #0a6ee6;}
.btn_view {display: inline-block;}
.btn_view:after {content: "";display: inline-block;width: 16px;height: 16px;background: url("https://office.hancom.com/contents/data/1/07/icon_view.png") no-repeat right center;margin-left: 8px;vertical-align: middle;}
.btn_view span {display: inline-block;font-family: open_light;font-size: 16px;color: #0a6ee6;font-weight: 100;line-height: 1;border-bottom: 1px solid #0a6ee6;}
.btn_del {display: inline-block;font-family: open_light;font-size: 16px;color: #0a6ee6;font-weight: 100;padding-right: 22px;background: url("https://office.hancom.com/contents/data/1/07/icon_delete.png") no-repeat right center;cursor: pointer;}
.btn_del.exp {color: #888;background: url("https://office.hancom.com/contents/data/1/07/icon_delete02.png") no-repeat right center;cursor: default;}
.btn_file {display: inline-block;cursor: pointer;}
.btn_file:before {content: "";display: inline-block;width: 20px;height: 24px;background: url("https://office.hancom.com/contents/data/1/07/icon_file02.png") no-repeat left center;vertical-align: middle;margin-right: 13px;}
.btn_file span {display: inline-block;font-family: open_regular;font-size: 16px;color: #0a6ee6;line-height: 1;border-bottom: 1px solid #0a6ee6;}
.btn_golist {display: inline-block;font-family: open_semibold;font-size: 22px;color: #000;font-weight: 600;padding-left: 40px;background: url("https://office.hancom.com/contents/data/1/07/icon_list01.png") no-repeat left center;}
.btn_golist:hover, .btn_golist:focus, .btn_golist:active {color: #000;text-decoration: none;}
.btn_ac {width: 100%;display: inline-block;text-align: center;vertical-align: top;}
.btn_ac div {display: inline-block;vertical-align: top;}
.btn_ac:after {content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.btn_ac .posR {position: absolute;right: 0;top: 0;}
.slideArea .slide_indicator {position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;text-align: center;z-index: 1;}
.slideArea .slide_indicator span {display: inline-block;width: 12px;height: 12px;background: #cecece;border-radius: 50%;margin: 0 12px;cursor: pointer;}
.slideArea .slide_indicator span.on {background: #0a6ee6;}
.input_type1 {width: 100%;height: 65px;font-family: open_light;font-size: 24px;color: #000;font-weight: 100;padding: 0;border-bottom: 4px solid #000;vertical-align: middle;}
.input_type1:focus {border-bottom: 4px solid #006dee;}
.input_type1.error {border-bottom: 4px solid #f00;}
.readonly_input {width: 100%;height: 65px;font-family: open_semibold;font-size: 24px;color: #0a6ee6;line-height: 65px;letter-spacing: -.3px;border-bottom: 4px solid #cecece;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
::-webkit-input-placeholder {color: #888;}
::-moz-placeholder {color: #888;}
:-ms-input-placeholder {color: #888;}
:-moz-placeholder {color: #888;}
.frmArea {width: 768px;margin: 0 auto;}
.frmArea label, .frmArea .readonly_label {display: inline-block;font-family: open_semibold;font-size: 26px;color: #000;font-weight: 600;line-height: 1;margin-bottom: 10px;}
.frmArea label.css_label {margin-bottom: 0;}
.frmArea .input_row {position: relative;margin-bottom: 60px;}
.frmArea .input_row label.essential:after {content: "*";display: inline-block;color: #f00;margin-left: 5px;}
.frmArea .input_row.mail .input_type1 {padding-right: 40px;background: url("https://office.hancom.com/contents/data/1/07/icon_mail.png") no-repeat right center;}
.frmArea .input_row.mail .readonly_input {padding-left: 40px;background: url("https://office.hancom.com/contents/data/1/07/icon_mail02.png") no-repeat left 58%;}
.frmArea .input_row.password .input_type1 {padding-right: 110px;background: url("https://office.hancom.com/contents/data/1/07/icon_pw01.png") no-repeat right center;}
.frmArea .input_row.password .pw_signal {position: absolute;right: 0;top: 55px;display: inline-block;width: auto;height: 24px;font-size: 16px;line-height: 24px;padding-right: 28px;}
.frmArea .input_row.password .pw_signal.secure {color: #0a6ee6;background: url("https://office.hancom.com/contents/data/1/07/icon_pw02.png") no-repeat right center;}
.frmArea .input_row.password .pw_signal.accept {color: #fc0;background: url("https://office.hancom.com/contents/data/1/07/icon_pw03.png") no-repeat right center;}
.frmArea .input_row.password .pw_signal.weak {color: #f00;background: url("https://office.hancom.com/contents/data/1/07/icon_pw04.png") no-repeat right center;}
.frmArea .input_row.password_con .input_type1 {padding-right: 40px;background: url("https://office.hancom.com/contents/data/1/07/icon_pwchk.png") no-repeat right center;}
.frmArea .input_row.password_con .input_type1.ok {background: url("https://office.hancom.com/contents/data/1/07/icon_pwchk_on.png") no-repeat right center;}
.frmArea .input_row.password_con.disabled label {color: #cecece;}
.frmArea .input_row.password_con.disabled .input_type1 {opacity: .4;}
.frmArea .input_row .alarm_msg1, .frmArea .input_row .alarm_msg2 {position: absolute;bottom: -46px;left: 0;}
.frmArea .input_row .textarea_type1 {margin-top: 20px;}
.frmArea .input_row .textarea_type1 + .alarm_msg1 {bottom: -25px;}
.fileInputHidden {position: relative;}
.fileInputHidden input[type="file"] {width: 100%;height: 65px;position: absolute;left: 0px;bottom: 0px;opacity: 0;cursor: pointer;padding: 0 !important;font-size: 24px;z-index: 2;filter: alpha(opacity=0);-ms-filter: "alpha(opacity=0)";-khtml-opacity: 0;-moz-opacity: 0;}
.fileInputHidden input[type="file"]:focus + .input_type1 {border-bottom: 4px solid #0a6ee6;}
.fileInputHidden .btn_file {position: absolute;right: 0;bottom: 25px;z-index: 1;}
.fileInputHidden:hover .btn_file {}
.checkbox_ui {display: inline-block;}
.checkbox_ui label.css_label {display: inline-block;background: url("https://office.hancom.com/contents/data/1/07/icon_checkbox.png") no-repeat;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-weight: normal;}
.checkbox_ui input[type=checkbox].css_checkbox {position: absolute;z-index: -1000;left: -1000px;overflow: hidden;clip: rect(0 0 0 0);height: 1px;width: 1px;margin: -1px;padding: 0;border: 0;}
.checkbox_ui input[type=checkbox].css_checkbox + label.css_label {width: auto;height: auto;min-height: 28px;padding: 0 0 0 43px;cursor: pointer;background-position: 0 0;}
.checkbox_ui input[type=checkbox].css_checkbox:focus + label.css_label {outline-style: inherit !important;}
.checkbox_ui input[type=checkbox].css_checkbox:checked + label.css_label {background: url("https://office.hancom.com/contents/data/1/07/icon_checkbox_on.png") no-repeat;}
.checkbox_ui input[type=checkbox].css_checkbox + label.css_label.font1 {font-family: open_light;font-size: 16px;color: #888;font-weight: 100;line-height: 28px;transition: .3s;-webkit-transition: .3s;}
.checkbox_ui input[type=checkbox].css_checkbox + label.css_label.font1 a {color: #0a6ee6;text-decoration: underline;}
.checkbox_ui input[type=checkbox].css_checkbox + label.css_label.font1 a:hover, .checkbox_ui input[type=checkbox].css_checkbox + label.css_label.font1 a:focus, .checkbox_ui input[type=checkbox].css_checkbox + label.css_label.font1 a:active {text-decoration: underline !important;}
.checkbox_ui input[type=checkbox].css_checkbox:checked + label.css_label.font1 {color: #000;transition: .3s;-webkit-transition: .3s;}
.select_ui1 {display: inline-block;}
.sbHolder {position: relative;width: 100%;height: 48px;padding: 0 21px;}
.sbSelector {display: block;width: 100%;height: auto;font-family: open_regular,spjp_regular;font-size: 16px;color: #000;line-height: 1;border-bottom: 1px solid #000;padding: 16px 0 6px;}
.sbSelector:hover {color: #000;text-decoration: none;}
.sbToggle {display: block;width: 12px;height: 7px;background: url("https://office.hancom.com/contents/data/1/07/arr_01.png") no-repeat 0 0;position: absolute;right: 20px;top: 20px;}
.sbToggleOpen {background: url("https://office.hancom.com/contents/data/1/07/arr_01_on.png") no-repeat 0 0;z-index: 2;}
.sbOptions {width: 100%;background-color: #fff;border: 1px solid #bcbcbc;position: absolute;top: 0px !important;left: 0;z-index: 1;overflow-y: auto;}
.sbOptions a {display: block;height: 47px;font-family: open_regular,spjp_regular;font-size: 16px;color: #888;line-height: 47px;padding: 0 20px;border-bottom: 1px solid #bcbcbc;}
.sbOptions a:hover {color: #888;text-decoration: none;}
.sbOptions li:last-child a {border-bottom: none;}
.sbOptions a.selected {color: #0a6ee6;}
.select_ui2 {display: inline-block;}
.select_ui2 .sbHolder {position: relative;width: 100%;height: 40px;padding: 0 21px;}
.select_ui2 .sbSelector {display: block;width: 100%;height: auto;font-family: open_regular,spjp_regular;font-size: 16px;color: #000;line-height: 40px;border-bottom: none;padding: 0;}
.select_ui2 .sbToggle {display: block;width: 13px;height: 9px;background: url("https://office.hancom.com/contents/data/1/07/arr_03.png") no-repeat 0 0;position: absolute;right: 20px;top: 16px;}
.select_ui2 .sbToggleOpen {background: url("https://office.hancom.com/contents/data/1/07/arr_03_on.png") no-repeat 0 0;z-index: 2;}
.select_ui2 .sbOptions {width: 100%;background-color: #fff;border: 1px solid #bcbcbc;position: absolute;top: 0px !important;left: 0;z-index: 1;overflow-y: auto;}
.select_ui2 .sbOptions a {display: block;height: 40px;font-family: open_regular,spjp_regular;font-size: 16px;color: #000;line-height: 40px;padding: 0 20px;border-bottom: 1px solid #bcbcbc;}
.select_ui2 .sbOptions li:last-child a {border-bottom: none;}
.select_ui2 .sbOptions a.selected {color: #0a6ee6;}
.select_ui3 {display: block;}
.select_ui3 .sbHolder {position: relative;width: 100%;height: 65px;padding: 0;}
.select_ui3 .sbSelector {display: block;width: 100%;height: auto;font-family: open_light;font-size: 24px;color: #000;font-weight: 100;line-height: 65px;border-bottom: 4px solid #000;padding: 0 20px;}
.select_ui3 .sbToggle {display: block;width: 24px;height: 14px;background: url("https://office.hancom.com/contents/data/1/07/arr_12.png") no-repeat 0 0;position: absolute;right: 20px;top: 25px;}
.select_ui3 .sbToggleOpen {background: url("https://office.hancom.com/contents/data/1/07/arr_12_on.png") no-repeat 0 0;z-index: 2;}
.select_ui3 .sbOptions {width: 100%;max-height: 1000px !important;background-color: #fff;border: 1px solid #bcbcbc;position: absolute;top: 0px !important;left: 0;z-index: 1;overflow-y: auto;}
.select_ui3 .sbOptions a {display: block;height: 65px;font-family: open_regular;font-size: 24px;color: #000;line-height: 65px;padding: 0 20px;border-bottom: 1px solid #bcbcbc;}
.select_ui3 .sbOptions li:last-child a {border-bottom: none;}
.select_ui3 .sbOptions a.selected {color: #0a6ee6;}
.select_ui3.error .sbSelector {border-bottom: 4px solid #f00;}
.select_ui3.disabled .sbSelector {color: #888;border-bottom: 4px solid #cecece;cursor: default;}
.select_ui3.disabled .sbToggle {opacity: .2;cursor: default;}
.select_ui3.disabled .sbToggleOpen {opacity: .2;background: url("https://office.hancom.com/contents/data/1/07/arr_12.png") no-repeat 0 0;}
.select_ui3.disabled .sbOptions {display: none !important;}
.select_ui3.disabled .sbOptions a {display: none !important;}
.textarea_type1 {width: 100%;height: auto;font-family: open_light;font-size: 24px;color: #000;font-weight: 100;text-align: left;line-height: 36px;background: #fff;padding: 15px 23px;border: 2px solid #bcbcbc;overflow: auto;resize: none;}
.textarea_type1:focus {border: 2px solid #0a6ee6;}
.textarea_type1.error {border: 2px solid #f00;}
.textarea_type1 + .alarm_msg1 {padding: 10px 0 0;}
.boardList_1 {}
.boardList_1 .list {width: 100%;}
.boardList_1 .list li {width: 100%;height: 164px;padding: 30px 0 0 0;border-bottom: 2px solid #bcbcbc;}
.boardList_1 .list li:after {display: block;height: 0;clear: both;content: ".";visibility: hidden;}
.boardList_1 .list li .subject {float: left;width: 70%;}
.boardList_1 .list li .subject a {display: inline-block;display: -webkit-box;width: 100%;height: 96px;font-family: sp_regular;font-size: 32px;line-height: 48px;color: #000;transition: .2s;-webkit-transition: .2s;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-word;}
.boardList_1 .list li .subject a:hover {color: #0a6ee6;text-decoration: none;}
.boardList_1 .list li .info {float: right;width: 30%;text-align: right;}
.boardList_1 .list li .info span {display: inline-block;font-size: 16px;color: #000;}
.boardList_1 .list li .info .vi_count {display: inline-block;background: url("https://office.hancom.com/contents/data/1/07/icon_view01.png") no-repeat left center;padding-left: 35px;margin-right: 60px;}
.boardView_1 {border-bottom: 2px solid #bcbcbc;}
.boardView_1 .top_box {position: relative;padding: 50px 0 50px 300px;border-bottom: 2px solid #bcbcbc;}
.boardView_1 .top_box .date {position: absolute;left: 0;top: 55px;}
.boardView_1 .top_box .subject {min-height: 38px;font-family: sp_regular;font-size: 32px;line-height: 48px;word-break: break-word;margin: 0;}
.boardView_1 .view_contents {padding: 95px 0 95px 300px;word-break: break-word;}
.boardView_1 .view_contents div, .boardView_1 .view_contents p, .boardView_1 .view_contents span {word-wrap: break-word;word-break: break-word;}
.boardView_1 .view_contents p {margin: 0;}
.boardView_1 .view_contents .attachment {margin-top: 70px;}
.boardView_1 .view_contents .attachment .txt {font-family: open_semibold;font-size: 16px;line-height: 1;color: #888;font-weight: 600;margin-bottom: 20px;}
.boardView_2 {border-top: 4px solid #000;}
.boardView_2 .item_name {font-family: open_semibold;font-size: 16px;color: #888;font-weight: 600;}
.boardView_2 .top_box {position: relative;padding: 50px 0 50px 300px;border-bottom: 2px solid #bcbcbc;}
.boardView_2 .top_box .posL {position: absolute;left: 0;top: 50px;}
.boardView_2 .top_box .wrap_ri {padding-right: 130px;}
.boardView_2 .top_box .wrap_ri .stitle4 {min-height: 38px;line-height: 38px;}
.boardView_2 .top_box .wrap_ri .top_item_list {margin-top: 40px;overflow: hidden;}
.boardView_2 .top_box .wrap_ri .top_item_list li {float: left;font-size: 20px;padding-right: 20px;}
.boardView_2 .top_box .wrap_ri .top_item_list li:nth-child(1) {width: 27.5%;}
.boardView_2 .top_box .wrap_ri .top_item_list li:nth-child(2) {width: 42.5%;}
.boardView_2 .top_box .wrap_ri .top_item_list li:nth-child(3) {width: 30%;}
.boardView_2 .top_box .wrap_ri .top_item_list li .item_name {margin-bottom: 10px;}
.boardView_2 .view_contents .item_list {margin-top: 40px;border-bottom: 2px solid #bcbcbc;}
.boardView_2 .view_contents .item_list li {position: relative;min-height: 29px;margin-bottom: 40px;padding: 0 100px 0 300px;font-size: 22px;}
.boardView_2 .view_contents .item_list li .item_name {position: absolute;left: 0;top: 3px;}
.boardView_2 .comment_area {padding-top: 40px;}
.boardView_2 .comment_area .cmt_row {position: relative;margin-bottom: 35px;padding: 0 0 35px 300px;border-bottom: 2px solid #bcbcbc;}
.boardView_2 .comment_area .cmt_row .user_id {position: absolute;left: 0;top: 3px;width: 270px;font-family: open_semibold;font-size: 22px;color: #888;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.boardView_2 .comment_area .cmt_row .txt_type1 {padding-right: 170px;margin: 0;}
.boardView_2 .comment_area .cmt_row .txt_type1 p {margin: 0;}
.boardView_2 .comment_area .cmt_row .date {position: absolute;right: 0;top: 5px;font-size: 16px;color: #888;}
.boardView_2 .comment_area .textarea_type1 {height: 220px;margin-top: 30px;}
.boardView_2 .comment_area .btn_ac {margin-bottom: 0 !important;}
.wrapListStyle {position: relative;padding-bottom: 95px;}
.viewBtnGroup {position: relative;text-align: center;margin: 100px 0;}
.viewBtnGroup .btn_type4 {position: absolute;top: 0;bottom: 0;margin: auto 0;}
.viewBtnGroup .btn_type4.prev {left: 0;}
.viewBtnGroup .btn_type4.next {right: 0;}
.layerPop {width: 650px;height: auto;background: #fff;position: absolute;left: 0;right: 0;margin: 0 auto 50px;}
.layerPop .wrap {position: relative;}
.layerPop .btn_close {display: block;width: 64px;height: 64px;text-indent: -9999px;position: absolute;right: -32px;top: -32px;cursor: pointer;background: url("https://office.hancom.com/contents/data/1/07/btn_close_01.png") no-repeat;}
.layerPop .poptitle {font-family: open_regular;font-size: 40px;color: #000;text-align: center;padding-top: 50px;}
.layerPop .popContent {padding: 40px 40px 90px 40px;}
.layerPop .popContent .txt1 {font-family: sp_regular;font-size: 26px;text-align: center;margin-bottom: 30px;}
.layerPop .popContent .txt2 {font-size: inherit;line-height: initial;word-break: break-all;}
.layerPop .popContent .txt2 img {display: inline;width: initial;max-width: 100%;}
.layerPop .popContent .input_row .input_type1 {margin-bottom: 15px;}
.layerPop .popContent .input_row p.alarm_msg1 {padding: 0;}
.layerPop .popContent .btn_ac {margin-top: 35px;}
.layerPop .popContent .btn_ac a {min-width: 240px;}
.layerPop .popBottom {padding: 35px 40px 40px;background: #f1f1f1;color: #888;}
.carousel-control, .carousel-indicators {display: none;}
.modal-open {overflow: hidden !important;position: absolute !important;width: 100% !important;height: 100% !important;}
[data-hidden="true"] {display: none !important;}
.boardList_blog .list li {width: 100%;height: auto;padding: 30px 0;border-bottom: 2px solid #bcbcbc;}
.boardList_blog .list li .subject {width: 60%;}
.boardList_blog .list li .info {width: 15%;}
.faq-last-changes-item {display: none;}
.license_inf_popup {position: fixed;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;background: rgba(0,0,0,.49);z-index: 2000;overflow: auto;}
.license_inf_popup::-webkit-scrollbar {width: 0;}
.license_inf_popup {-ms-overflow-style: none;}
.license_inf_popup {overflow: -moz-scrollbars-none;}
.mobile_btn {display: none;}
.mobile_shortcut {display: none;}
.online_header .wrap .editor_tit {margin: 0;}
#user_guied {position: fixed;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;background: rgba(0,0,0,.7);z-index: 2000;overflow: auto;}
.background_popup {position: fixed;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;background: rgba(0,0,0,.7);z-index: 2000;overflow: auto;}
#user_guied::-webkit-scrollbar {width: 0;}
#user_guied {-ms-overflow-style: none;}
#user_guied {overflow: -moz-scrollbars-none;}
#online-editor-setting {overflow: auto;}
#online-editor-setting::-webkit-scrollbar {width: 0;}
#online-editor-setting {-ms-overflow-style: none;}
#online-editor-setting {overflow: -moz-scrollbars-none;}
.online_header .wrap {margin: 0;}
#online-editor-body  aside.country-selector.weglot-dropdown.weglot-default.weglot-invert {right: 40px;bottom: -18px;display: block;font-family: open_regular,spjp_regular;font-size: 17px;color: #888;font-weight: normal;padding-right: 7px;cursor: pointer;position: absolute;}
.header_wrap .header h1.thinkfree_logo a, .header_wrap .header h1.thinkfree_logo span.logo {height: 35px !important;width: 115px !important;background: url("https://office.hancom.com/contents/data/2/12/hancom_malang_logo.png") no-repeat 0 0 !important;background-size: 115px !important;}
#online-editor-setting span.els {display: inline-block;width: 90%;font-family: open_regular;font-size: 16px;color: #000;line-height: 56px;vertical-align: middle;}
#online-editor-body .online_header .wrap .menu_right {display: none;}
#online-editor-setting .swiper-container {width: 100%;height: 100%;}
#online-editor-setting .swiper-slide {text-align: center;font-size: 18px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
#online-editor-setting .con_right .editor_banner {height: 285px;}
.hiiden-f {overflow: hidden;}
.online-editor-submenu.productSubmenu.neo {height: 96px;}
header#online-editor-header-setting {z-index: 99999;border-bottom: none !important;}
.productSubmenu .online-editor-submenu__wrap.wrap_submenu {height: 96px;}
section#online-editor-setting {margin-top: 194px;}