@charset 'utf-8';
/* 초기화 */
html, body {width:100%;height:100%;}
body {margin:0;padding:0;color:#000;background:#fff;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0;}
h6 {font-size:1.1em;}
h5 {font-size:1.2em;}
h4 {font-size:1.4em;}
h3 {font-size:1.6em;}
h2 {font-size:2em;}
h1 {font-size:2.4em;}
header, nav, aside, main, footer, section, article, details {display:block;}
ul, dl, dt, dd {margin:0;padding:0;}
li {list-style:none;}
input, button, select {font-size:1em;}
/*input, button, select, img {vertical-align:middle;}*/
img {vertical-align:middle;}
input, button {margin:0;padding:0;font-family:inherit;font-weight:inherit;font-size:1em;}
input[type=text],
input[type=password] {font-family:inherit;font-weight:inherit;}
input[type=checkbox] {width:18px;height:18px;}
button, input[type=button], input[type=submit], input[type=image] {cursor:pointer;}
img, input[type=image] {border:0;}
input[type=file] {max-width:100%;}
img {max-width:100%;height:auto;}
table {border-collapse:collapse;border-spacing:0;}
th {text-align:center;}
th,
td {word-break:break-word;}
textarea, select {font-family:inherit;font-weight:inherit;font-size:1em;}
textarea {line-height:1.6;}
select {margin:0;min-width:70px;}
p {margin:0;padding:0;word-break:break-word;}
a {color:#000;text-decoration:none;}
caption {overflow:hidden;width:0;height:0;text-indent:-99999px;}
*, :after, :before {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
input::placeholder {color:#999;}
input::-webkit-input-placeholder {color:#999;}
input:-ms-input-placeholder {color:#999;}
textarea::placeholder {color:#999;}
textarea::-webkit-input-placeholder {color:#999;}
textarea:-ms-input-placeholder {color:#999;}
/* ios기본효과초기화 */
input[type=text], input[type=password], input[type=button], input[type=submit] {appearance:none;-webkit-appearance:none;-webkit-border-radius:0;border-radius:0;-moz-border-radius:0;-moz-appearance:none;}
/* 반응형제어용 */
.responsive_p1 {display:block !important;}
.responsive_p2 {display:block !important;}
.responsive_p3 {display:block !important;}
.responsive_m1 {display:none !important;}
.responsive_m2 {display:none !important;}
.responsive_m3 {display:none !important;}
.responsive_p_820 {display:block !important;}
.responsive_m_820 {display:none !important;}
/* 반응형 디버깅용 */
.dbg_responsive {border:2px solid #000;padding:10px;text-align:right;}
/* 반응형대응__bpopup__아웃박스 */
.rv_bpopup_out_03a {width:100%;line-height:1.6;max-width:320px;max-height:200px;overflow:hidden;overflow-y:auto;}
.rv_bpopup_out_04a {width:100%;line-height:1.6;max-width:400px;max-height:350px;overflow:hidden;overflow-y:auto;}
.rv_bpopup_out_05a {width:100%;line-height:1.6;max-width:500px;max-height:400px;overflow:hidden;overflow-y:auto;}
.rv_bpopup_out_06a {width:100%;line-height:1.6;max-width:600px;max-height:500px;overflow:hidden;overflow-y:auto;}
.rv_bpopup_out_07a {width:100%;line-height:1.6;max-width:700px;max-height:600px;overflow:hidden;overflow-y:auto;}
.rv_bpopup_out_10a {width:100%;line-height:1.6;max-width:1000px;max-height:600px;overflow:hidden;overflow-y:auto;}
.rv_bpopup_out_03b {width:100%;line-height:1.6;max-width:320px;}
.rv_bpopup_out_04b {width:100%;line-height:1.6;max-width:400px;}
.rv_bpopup_out_05b {width:100%;line-height:1.6;max-width:500px;}
.rv_bpopup_out_06b {width:100%;line-height:1.6;max-width:600px;}
.rv_bpopup_out_07b {width:100%;line-height:1.6;max-width:700px;}
.rv_bpopup_out_10b {width:100%;line-height:1.6;max-width:1000px;}
.rv_bpopup_out_14b {width:100%;line-height:1.6;max-width:1400px;}
/* 반응형대응__가로스크롤바 */
.autoscroll_x0 {overflow:hidden;overflow-x:auto;padding:0 1px 2px 1px;}
.autoscroll_x0 table {white-space:nowrap;}
.autoscroll_x1 {word-break:keep-all;} /* 단어기준줄바꿈 */
.autoscroll_x2 {word-break:break-word;} /* 띄어쓰기기준줄바꿈 */
.autoscroll_x3 {word-break:break-all;} /* 글자기준줄바꿈 */
/* float 초기화 */
.clbx:after {clear:both;display:block;height:0;content:'';}
.clear {clear:both;display:block;height:0;content:'';float:none;}
/* 기타 */
.line_under {text-decoration:underline;}
.line_middle {text-decoration:line-through;}
.display_none {display:none;}
.help_text_a1 {color:#888 !important;font-size:0.7em;}
.help_text_a2 {color:#888 !important;font-size:0.8em;}
.help_text_a3 {color:#888 !important;font-size:0.9em;}
.help_text_u1 {color:#888 !important;font-size:0.7em;}
.help_text_u2 {color:#888 !important;font-size:0.8em;}
.help_text_u3 {color:#888 !important;font-size:0.9em;}
.help_text_u4 {color:#888 !important;}
.require_txt1 {background-color:#f6f9fa;}
.require_sel1 {background-color:#f6f9fa;}
.require_are1 {background-color:#f6f9fa;}
.no_bg_img1 {background-image:url('') !important;}
.valign_middle {vertical-align:middle;}
.dsp_inline1 {display:inline !important;}
/* 블록속성 */
.display_block1 {display:block;}
.display_block2 {display:inline-block;}
.display_block3 {display:inline;}
/* 말줄임 */
.overflow_text {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.overflow_text2 {display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;}/* -webkit-line-clamp:2; 줄바꿈수 */
/* 라디오버튼 */
.radio_t1a {cursor:pointer;}
.radio_t1a ~ .radio_t1a {margin-left:1rem;}
.radio_t1a > [type=radio], .radio_t1a > span {vertical-align:middle;}
.radio_t1a > [type=radio] {appearance:none;position:relative;cursor:pointer;background:#fff;border:1px solid #767676;border-radius:50%;width:19px;height:19px;margin-right:0.3rem;}
.radio_t1a > [type=radio]:checked::before {content:'';position:absolute;background:#767676;border-radius:50%;width:11px;height:11px;top:3px;left:3px;}
.radio_t1a.no_margin_01 > [type=radio] {margin-right:0;}
.radio_t2a {cursor:pointer;}
.radio_t2a ~ .radio_t2a {margin-left:1rem;}
.radio_t2a > [type=radio], .radio_t2a > span {vertical-align:middle;}
.radio_t2a > [type=radio] {appearance:none;position:relative;cursor:pointer;background:#fff;border:1px solid #767676;border-radius:50%;width:19px;height:19px;margin-right:0.3rem;}
.radio_t2a > [type=radio]:checked {border:4px solid #333;}
.radio_t2a.no_margin_01 > [type=radio] {margin-right:0;}
/* 체크박스 */
.chxbox_t1a {cursor:pointer;}
.chxbox_t1a > [type=checkbox], .chxbox_t1a > span {vertical-align:middle;}
.chxbox_t1a > [type=checkbox] {appearance:none;position:relative;cursor:pointer;background:#fff;border:1px solid #767676;border-radius:2px;width:19px;height:19px;margin-right:0.3rem;}
.chxbox_t1a > [type=checkbox]:checked {border:0;background:#767676;}
.chxbox_t1a > [type=checkbox]:checked::before {content:'';position:absolute;background:#fff;width:3px;height:7px;bottom:4px;left:5px;transform:rotate(135deg);}
.chxbox_t1a > [type=checkbox]:checked::after {content:'';position:absolute;background:#fff;width:3px;height:12px;bottom:4px;left:10px;transform:rotate(-140deg);}
.chxbox_t1a.no_margin_01 > [type=checkbox] {margin-right:0;}
/* 앵커박스 > 맨위로맨밑으로 */
.bx_anchor1 {position:fixed;z-index:10;right:0;bottom:0;height:0;}
.bx_anchor1 > ul {position:absolute;z-index:11;bottom:50px;right:10px;border:1px solid #ddd;}
.bx_anchor1 > ul > li ~ li {border-top:1px solid #ddd;}
.bx_anchor1 > ul > li > a {position:relative;z-index:12;display:block;background:rgb(255,255,255,0.5);text-indent:-9999px;font-size:0;width:40px;height:39px;}
.bx_anchor1 > ul > li > a:after {content:'';position:absolute;z-index:13;left:14px;width:12px;height:12px;border-left:1px solid #555;border-top:1px solid #555;}
.bx_anchor1 > ul > li:nth-of-type(1) > a:after {top:17px;transform:rotate(45deg);}
.bx_anchor1 > ul > li:nth-of-type(2) > a:after {top:10px;transform:rotate(225deg);}
/* 도움말 */
.help_a01a {border:1px solid #ddd;padding:0.5em;line-height:1.6;color:#333;}
.help_a01a legend {font-weight:700;padding:0 0.5em;}
.help_a02a {border:1px solid #ebccd1;background:#fcf8e3;padding:0.5em;line-height:1.6;color:#333;}
.help_a02a legend {font-weight:700;padding:0 0.5em;}
.help_a11a {border:1px solid #ebccd1;background:#fcf8e3;padding:0.5em;line-height:1.6;}
.help_a11b {border:1px solid #ddd;padding:0.5em;line-height:1.6;}
.help_u01a {border:1px solid #ddd;padding:0.5em;line-height:1.6;color:#333;}
.help_u01a legend {font-weight:700;padding:0 0.5em;}
.help_u02a {border:1px solid #ebccd1;background:#fcf8e3;padding:0.5em;line-height:1.6;color:#333;}
.help_u02a legend {font-weight:700;padding:0 0.5em;}
/* 서브타이틀 */
.bx_subtit_a1a {font-weight:500;font-size:1.6rem;}
.bx_subtit_u1a {background:#777;color:#fff;text-align:center;padding:0.5em 0;margin-bottom:10px;}
.bx_subtit_u1b {background:#444;color:#fff;text-align:center;padding:0.5em 0;}
.bx_subtit_u1b a {color:#c8e2fe;}
.bx_subtit_u2a {position:relative;font-weight:700;font-size:1.05em;padding-left:0.7em;margin-bottom:0.5em;}
.bx_subtit_u2a:before {content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:#777;}
.bx_subtit_u3a {text-align:center;font-weight:700;font-size:1.8em;margin-bottom:30px;}
.bx_subtit_u11a {position:relative;font-weight:700;font-size:1.05em;padding-left:20px;margin-bottom:5px;}
.bx_subtit_u11a:before {content:'';position:absolute;top:7px;left:0;width:12px;height:4px;background:#46ac94;}
.bx_subtit_u11b {position:relative;font-weight:700;font-size:1.05em;padding-left:17px;margin-bottom:5px;}
.bx_subtit_u11b:before {content:'';position:absolute;top:5px;left:0;width:8px;height:4px;background:#46ac94;}
.bx_subtit_u11c {position:relative;font-weight:700;font-size:1.05em;padding-left:0.7em;margin-bottom:0.5em;}
.bx_subtit_u11c:before {content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:#118670;}
.bx_subtit_u11c > .bt1 {position:relative;padding-right:25px;}
.bx_subtit_u11c > .bt1:after {position:absolute;content:'';width:0;height:0;border:8px solid transparent;}
.bx_subtit_u11c > .bt1:after {top:6px;right:1px;border-bottom:0;border-top-color:#888;}
.bx_subtit_u11c > .bt1.on:after {transform:rotate(180deg);}
.bx_subtit_u21a {position:relative;padding-left:30px;}
.bx_subtit_u21a:before {content:'';position:absolute;top:7px;left:23px;width:2px;height:2px;background:#666;}
.bx_subtit_u21b {position:relative;padding-left:20px;}
.bx_subtit_u21b:before {content:'';position:absolute;top:7px;left:13px;width:2px;height:2px;background:#666;}
.bx_subtit_u21c {position:relative;padding-left:8px;}
.bx_subtit_u21c:before {content:'';position:absolute;top:7px;left:0;width:2px;height:2px;background:#666;}
.bx_subtit_u21d {position:relative;padding-left:12px;}
.bx_subtit_u21d:before {content:'';position:absolute;top:9px;left:2px;width:4px;height:1px;background:#666;}
.bx_subtit_u21e {position:relative;padding-left:12px;}
.bx_subtit_u21e:before {content:'';position:absolute;top:9px;left:2px;width:4px;height:1px;background:#666;}
.bx_subtit_u21f {position:relative;padding-left:20px;}
.bx_subtit_u21f:before {content:'※';position:absolute;top:0px;left:0px;width:20px;height:20px;}
/* 들여쓰기 */
.bx_tab_u11a > li {position:relative;padding-left:8px;line-height:1.6;}
.bx_tab_u11a > li:before {content:'';position:absolute;top:9px;left:0;width:2px;height:2px;background:#666;}
.bx_tab_u11a > li ~ li {margin-top:5px;}
/* 색상선택팔레트 */
.bx_color_sel1a > ul {display:flex;}
.bx_color_sel1a > ul ~ ul {margin-top:5px;}
.bx_color_sel1a > ul > li ~ li {margin-left:5px;}
.bx_color_sel1a > ul > li > a {display:block;border:1px solid #e4e4e4;width:20px;height:16px;}
.bx_color_sel1a > ul > li > a:hover {border:1px solid #000;}
/* 탭버튼 */
.bx_tab_a1a {display:flex;border-bottom:1px solid #888;position:relative;z-index:1;}
.bx_tab_a1a > li {margin-bottom:-1px;}
.bx_tab_a1a > li ~ li {margin-left:-1px;}
.bx_tab_a1a > li > a {display:block;background:#f6f6f6;border:1px solid #e4e4e4;border-bottom:1px solid #888;padding:10px 15px;}
.bx_tab_a1a > li.on > a {background:#fff;border:1px solid #888;border-bottom:1px solid #fff;position:relative;z-index:2;}
.bx_tab_a1a > li > a:hover {background:#fff;}
.bx_tab_u1a {display:flex;flex-wrap:wrap;}
.bx_tab_u1a > li {margin:3px;}
.bx_tab_u1a > li > a {display:block;text-align:center;border:1px solid #8097a7;color:#8097a7;font-weight:700;font-size:0.9em;border-radius:5px;padding:0 15px;height:34px;line-height:36px;}
.bx_tab_u1a > li.on > a {background:#f1f8fe;border:1px solid #0096ff;color:#0096ff;}
.bx_tab_u2a {display:flex;}
.bx_tab_u2a > li > a {display:block;text-align:center;border:1px solid #8097a7;color:#8097a7;font-weight:700;}
.bx_tab_u2a > li.on > a {background:#f1f8fe;border:1px solid #0096ff;color:#0096ff;}
.bx_tab_u2a.col02 > li {width:calc(50% - 10px);}
.bx_tab_u2a.col02 > li ~ li {margin-left:10px;}
.bx_tab_u2a.col02 > li > a {height:50px;line-height:53px;}
/* 셀렉트박스 */
.bx_sel_u1a {text-align:right;}
/* 에디터 > 단축키 */
.cke_sc {text-align:right;margin-bottom:5px;}
.btn_cke_sc {display:inline-block;border:1px solid #ddd;background:#fff;color:#777;padding:0 10px;line-height:24px;text-decoration:none;cursor:pointer;font-size:12px;}
.cke_sc_def {margin:5px 0;padding:10px;border:1px solid #ddd;background:#f9f9f9;text-align:center;}
.cke_sc_def dl {display:flex;flex-wrap:wrap;margin-bottom:5px;text-align:left;}
.cke_sc_def dt,
.cke_sc_def dd {padding:5px 0;border-bottom:1px solid #ddd;}
.cke_sc_def dt {width:20%;font-weight:700;}
.cke_sc_def dd {width:30%;}
.btn_cke_sc_close {font-weight:700;}
/* 정렬 align */
.ali_l {text-align:left !important;}
.ali_c {text-align:center !important;}
.ali_r {text-align:right !important;}
/* 사이즈 */
.wid_auto {width:auto !important;}
.wid_10p {width:10% !important;}
.wid_15p {width:15% !important;}
.wid_20p {width:20% !important;}
.wid_25p {width:25% !important;}
.wid_30p {width:30% !important;}
.wid_35p {width:35% !important;}
.wid_40p {width:40% !important;}
.wid_45p {width:45% !important;}
.wid_50p {width:50% !important;}
.wid_55p {width:55% !important;}
.wid_60p {width:60% !important;}
.wid_65p {width:65% !important;}
.wid_70p {width:70% !important;}
.wid_75p {width:75% !important;}
.wid_80p {width:80% !important;}
.wid_81p {width:81% !important;}
.wid_82p {width:82% !important;}
.wid_83p {width:83% !important;}
.wid_84p {width:84% !important;}
.wid_85p {width:85% !important;}
.wid_86p {width:86% !important;}
.wid_87p {width:87% !important;}
.wid_88p {width:88% !important;}
.wid_89p {width:89% !important;}
.wid_90p {width:90% !important;}
.wid_91p {width:91% !important;}
.wid_92p {width:92% !important;}
.wid_93p {width:93% !important;}
.wid_94p {width:94% !important;}
.wid_95p {width:95% !important;}
.wid_96p {width:96% !important;}
.wid_97p {width:97% !important;}
.wid_98p {width:98% !important;}
.wid_99p {width:99% !important;}
.wid_100p {width:100% !important;}
.wid_80px {width:80px !important;}
.wid_90px {width:90px !important;}
.wid_100px {width:100px !important;}
/* 폰트두께 */
.font_weight_300 {font-weight:300;}
.font_weight_400 {font-weight:400;}
.font_weight_500 {font-weight:500;}
.font_weight_600 {font-weight:600;}
.font_weight_700 {font-weight:700;}
.font_weight_bold {font-weight:bold;}
.font_weight_normal {font-weight:normal;}
/* 폰트크기 */
.fontsize_12px {font-size:12px !important;}
.fontsize_13px {font-size:13px !important;}
.fontsize_14px {font-size:14px !important;}
.fontsize_0dot70 {font-size:0.70rem !important;}
.fontsize_0dot75 {font-size:0.75rem !important;}
.fontsize_0dot80 {font-size:0.80rem !important;}
.fontsize_0dot85 {font-size:0.85rem !important;}
.fontsize_0dot90 {font-size:0.90rem !important;}
.fontsize_0dot95 {font-size:0.95rem !important;}
.fontsize_1dot00 {font-size:1.00rem !important;}
.fontsize_1dot05 {font-size:1.05rem !important;}
.fontsize_1dot10 {font-size:1.10rem !important;}
.fontsize_1dot15 {font-size:1.15rem !important;}
.fontsize_1dot20 {font-size:1.20rem !important;}
.fontsize_1dot25 {font-size:1.25rem !important;}
.fontsize_1dot30 {font-size:1.30rem !important;}
.fontsize_1dot35 {font-size:1.35rem !important;}
.fontsize_1dot40 {font-size:1.40rem !important;}
.fontsize_1dot45 {font-size:1.45rem !important;}
.fontsize_1dot50 {font-size:1.50rem !important;}
.fontsize_1dot55 {font-size:1.55rem !important;}
.fontsize_1dot60 {font-size:1.60rem !important;}
.fontsize_1dot65 {font-size:1.65rem !important;}
.fontsize_1dot70 {font-size:1.70rem !important;}
.fontsize_1dot75 {font-size:1.75rem !important;}
.fontsize_1dot80 {font-size:1.80rem !important;}
.fontsize_1dot85 {font-size:1.85rem !important;}
.fontsize_1dot90 {font-size:1.90rem !important;}
.fontsize_1dot95 {font-size:1.95rem !important;}
.fontsize_2dot00 {font-size:2.00rem !important;}
/* 엔터간격line-height */
.lineheight_1dot0 {line-height:1.0 !important;}
.lineheight_1dot1 {line-height:1.1 !important;}
.lineheight_1dot2 {line-height:1.2 !important;}
.lineheight_1dot3 {line-height:1.3 !important;}
.lineheight_1dot4 {line-height:1.4 !important;}
.lineheight_1dot5 {line-height:1.5 !important;}
.lineheight_1dot6 {line-height:1.6 !important;}
.lineheight_1dot7 {line-height:1.7 !important;}
.lineheight_1dot8 {line-height:1.8 !important;}
.lineheight_1dot9 {line-height:1.9 !important;}
.lineheight_2dot0 {line-height:2.0 !important;}
/* 패딩 */
.padding_left_0dot5 {padding-left:0.5rem !important;}
.padding_left_1dot0 {padding-left:1.0rem !important;}
.padding_left_1dot5 {padding-left:1.5rem !important;}
.padding_left_2dot0 {padding-left:2.0rem !important;}
.padding_left_2dot5 {padding-left:2.5rem !important;}
.padding_left_3dot0 {padding-left:3.0rem !important;}
/* 마진 */
.margin_top_0dot3 {margin-top:0.3rem !important;}
.margin_top_0dot5 {margin-top:0.5rem !important;}
.margin_top_1dot0 {margin-top:1.0rem !important;}
.margin_top_1dot5 {margin-top:1.5rem !important;}
.margin_top_2dot0 {margin-top:2.0rem !important;}
.margin_top_2dot5 {margin-top:2.5rem !important;}
.margin_top_3dot0 {margin-top:3.0rem !important;}
.margin_bottom_0dot5 {margin-bottom:0.5rem !important;}
.margin_bottom_1dot0 {margin-bottom:1.0rem !important;}
.margin_bottom_1dot5 {margin-bottom:1.5rem !important;}
.margin_bottom_2dot0 {margin-bottom:2.0rem !important;}
.margin_bottom_2dot5 {margin-bottom:2.5rem !important;}
.margin_bottom_3dot0 {margin-bottom:3.0rem !important;}
.margin_nl {margin-left:0 !important;}
.margin_nt {margin-top:0 !important;}
/* 마진 */
.margin_0 {margin:0 !important;}
.margin_l0 {margin-left:0 !important;}
.margin_l1 {margin-left:1px !important;}
.margin_l2 {margin-left:2px !important;}
.margin_l3 {margin-left:3px !important;}
.margin_l4 {margin-left:4px !important;}
.margin_l5 {margin-left:5px !important;}
.margin_l10 {margin-left:10px !important;}
.margin_l15 {margin-left:15px !important;}
.margin_l20 {margin-left:20px !important;}
.margin_l25 {margin-left:25px !important;}
.margin_l30 {margin-left:30px !important;}
.margin_l35 {margin-left:35px !important;}
.margin_l40 {margin-left:40px !important;}
.margin_r0 {margin-right:0 !important;}
.margin_r1 {margin-right:1px !important;}
.margin_r2 {margin-right:2px !important;}
.margin_r3 {margin-right:3px !important;}
.margin_r4 {margin-right:4px !important;}
.margin_r5 {margin-right:5px !important;}
.margin_r10 {margin-right:10px !important;}
.margin_r15 {margin-right:15px !important;}
.margin_r20 {margin-right:20px !important;}
.margin_r25 {margin-right:25px !important;}
.margin_r30 {margin-right:30px !important;}
.margin_r35 {margin-right:35px !important;}
.margin_r40 {margin-right:40px !important;}
.margin_t0 {margin-top:0 !important;}
.margin_t1 {margin-top:1px !important;}
.margin_t2 {margin-top:2px !important;}
.margin_t3 {margin-top:3px !important;}
.margin_t4 {margin-top:4px !important;}
.margin_t5 {margin-top:5px !important;}
.margin_t10 {margin-top:10px !important;}
.margin_t15 {margin-top:15px !important;}
.margin_t20 {margin-top:20px !important;}
.margin_t25 {margin-top:25px !important;}
.margin_t30 {margin-top:30px !important;}
.margin_t35 {margin-top:35px !important;}
.margin_t40 {margin-top:40px !important;}
.margin_b0 {margin-bottom:0 !important;}
.margin_b1 {margin-bottom:1px !important;}
.margin_b2 {margin-bottom:2px !important;}
.margin_b3 {margin-bottom:3px !important;}
.margin_b4 {margin-bottom:4px !important;}
.margin_b5 {margin-bottom:5px !important;}
.margin_b10 {margin-bottom:10px !important;}
.margin_b15 {margin-bottom:15px !important;}
.margin_b20 {margin-bottom:20px !important;}
.margin_b25 {margin-bottom:25px !important;}
.margin_b30 {margin-bottom:30px !important;}
.margin_b35 {margin-bottom:35px !important;}
.margin_b40 {margin-bottom:40px !important;}
/* 줄바꿈 */
.br_01 {height:1px;}
.br_02 {height:2px;}
.br_03 {height:3px;}
.br_05 {height:5px;}
.br_06 {height:6px;}
.br_07 {height:7px;}
.br_08 {height:8px;}
.br_09 {height:9px;}
.br_10 {height:10px;}
/* 폰트색상 */
.fc_white1 {color:#fff !important;}
.fc_green1 {color:#1f801f !important;}
.fc_green2 {color:#008000 !important;}
.fc_pink1 {color:#f48385 !important;}
.fc_pink2 {color:#e22450 !important;}
.fc_pink3 {color:#e53185 !important;}
.fc_orange1 {color:#ff843a !important;}
.fc_orange2 {color:#ff6600 !important;}
.fc_blue1 {color:blue !important;}
.fc_blue2 {color:#3b8bd5 !important;}
.fc_blue3 {color:#2264ff !important;}
.fc_brown1 {color:#803300 !important;}
.fc_red1 {color:red !important;}
.fc_red2 {color:#e00000 !important;}
.fc_red3 {color:#d23b42 !important;}
.fc_red4 {color:#ff3234 !important;}
.fc_black1 {color:#000 !important;}
.fc_black2 {color:#003300 !important;}
.fc_gray1 {color:#999 !important;}
.fc_gray2 {color:#888 !important;}
.fc_gray3 {color:#777 !important;}
.fc_gray4 {color:#666 !important;}
.fc_lgray1 {color:#a5a4a4 !important;}
.fc_lgray2 {color:#adadad !important;}
.fc_lgray3 {color:#c3c3c3 !important;}
.fc_violet1 {color:#7739fc !important;}
/* 배경색상 */
.bg_red1 {background-color:#e00000 !important;}
.bg_blue1 {background-color:#0167ff !important;}
.bg_gray1 {background-color:#777 !important;}
.bg_white1 {background-color:#fff !important;}
/* 버튼색상 */
.btn_black1 {cursor:pointer !important;text-decoration:none !important;border:0 !important;background:#000000 !important;color:#fff !important;}
.btn_black1:hover {background:#666 !important;}
.btn_black2 {cursor:pointer !important;text-decoration:none !important;border:0 !important;background:#333333 !important;color:#fff !important;}
.btn_black2:hover {background:#666 !important;}
.btn_black3 {cursor:pointer !important;text-decoration:none !important;border:0 !important;background:#555555 !important;color:#fff !important;}
.btn_black3:hover {background:#999 !important;}
.btn_blue1 {cursor:pointer !important;text-decoration:none !important;border:0 !important;background:#0167ff !important;color:#fff !important;}
.btn_blue1:hover {background:#3e8cff !important;}
.btn_blue2 {cursor:pointer !important;text-decoration:none !important;border:0 !important;background:#0179ff !important;color:#fff !important;}
.btn_blue2:hover {background:#449cff !important;}
.btn_blue3 {cursor:pointer !important;text-decoration:none !important;border:0 !important;background:#0295ff !important;color:#fff !important;}
.btn_blue3:hover {background:#3badff !important;}
.btn_navy1 {cursor:pointer !important;text-decoration:none !important;border:0 !important;background:#365b9a !important;color:#fff !important;}
.btn_navy1:hover {background:#587cb9 !important;}
.btn_navy2 {cursor:pointer !important;text-decoration:none !important;border:0 !important;background:#4970b3 !important;color:#fff !important;}
.btn_navy2:hover {background:#6f94d3 !important;}
.btn_navy3 {cursor:pointer !important;text-decoration:none !important;border:0 !important;background:#5b85cd !important;color:#fff !important;}
.btn_navy3:hover {background:#81a6e6 !important;}
.btn_red1 {cursor:pointer !important;text-decoration:none !important;border:0 !important;background:#e00000 !important;color:#fff !important;}
.btn_red1:hover {background:#eb4c4c !important;}
.btn_red2 {cursor:pointer !important;text-decoration:none !important;border:0 !important;background:#fd3331 !important;color:#fff !important;}
.btn_red2:hover {background:#fd7170 !important;}
.btn_red3 {cursor:pointer !important;text-decoration:none !important;border:0 !important;background:#fe5d5c !important;color:#fff !important;}
.btn_red3:hover {background:#fe9c9b !important;}
.btn_gray1 {cursor:pointer !important;text-decoration:none !important;border:0 !important;background:#777 !important;color:#fff !important;}
.btn_gray1:hover {background:#999 !important;}
.btn_gray2 {cursor:pointer !important;text-decoration:none !important;border:0 !important;background:#999 !important;color:#fff !important;}
.btn_gray2:hover {background:#aaa !important;}
.btn_gray3 {cursor:pointer !important;text-decoration:none !important;border:0 !important;background:#aaa !important;color:#fff !important;}
.btn_gray3:hover {background:#bbb !important;}
.btn_green1 {cursor:pointer !important;text-decoration:none !important;border:0 !important;background:#27836e !important;color:#fff !important;}
.btn_green1:hover {background:#32a78c !important;}
.btn_green2 {cursor:pointer !important;text-decoration:none !important;border:0 !important;background:#32a78c !important;color:#fff !important;}
.btn_green2:hover {background:#3eccab !important;}
.btn_green3 {cursor:pointer !important;text-decoration:none !important;border:0 !important;background:#3eccab !important;color:#fff !important;}
.btn_green3:hover {background:#44ddb9 !important;}
.btn_yellow1 {cursor:pointer !important;text-decoration:none !important;border:1px solid #f1ebc9 !important;background:#fcf8e3 !important;color:#999 !important;}
.btn_yellow1:hover {background:#fcf9e9 !important;}
.btn_white1 {cursor:pointer !important;text-decoration:none !important;border:1px solid #ddd !important;background:#fff !important;color:#777 !important;}
.btn_white1:hover {background:#fafafa !important;}
.btn_white2 {cursor:pointer !important;text-decoration:none !important;border:1px solid #ddd !important;background:#fff !important;color:#888 !important;}
.btn_white2:hover {background:#fafafa !important;}
.btn_white3 {cursor:pointer !important;text-decoration:none !important;border:1px solid #ddd !important;background:#fff !important;color:#999 !important;}
.btn_white3:hover {background:#fafafa !important;}
/* 버튼사이즈 */
.btn_size_as0 {display:inline-block;text-align:center !important;line-height:26px !important;padding:0 5px !important;font-size:13px !important;}
.btn_size_as2 {display:inline-block;text-align:center !important;line-height:36px !important;padding:0 5px !important;}
.btn_size_am1 {display:inline-block;text-align:center !important;line-height:40px !important;padding:0 1em !important;}
.btn_size_am2 {display:inline-block;text-align:center !important;line-height:45px !important;padding:0 1em !important;}
.btn_size_us0 {display:inline-block;text-align:center !important;height:22px;line-height:22px !important;padding:0 5px !important;font-size:12px !important;}
.btn_size_us1 {display:inline-block;text-align:center !important;height:26px;line-height:26px !important;padding:0 5px !important;font-size:12px !important;}
.btn_size_us2 {display:inline-block;text-align:center !important;height:28px;line-height:28px !important;padding:0 5px !important;font-size:12px !important;}
.btn_size_us3 {display:inline-block;text-align:center !important;height:32px;line-height:32px !important;padding:0 1em !important;}
.btn_size_um1 {display:inline-block;text-align:center !important;height:33px;line-height:33px !important;padding:0 1em !important;}
.btn_size_um2 {display:inline-block;text-align:center !important;height:38px;line-height:38px !important;padding:0 1em !important;}
.btn_size_um2a {display:inline-block;text-align:center !important;height:40px;line-height:40px !important;padding:0 1em !important;}
.btn_size_um3 {display:inline-block;text-align:center !important;height:43px;line-height:43px !important;padding:0 1em !important;}
.btn_size_um4 {display:inline-block;text-align:center !important;height:48px;line-height:48px !important;padding:0 1.5em !important;}
/* 버튼라운드 */
.radius_3px {border-radius:3px !important;}
.radius_5px {border-radius:5px !important;}
.radius_8px {border-radius:8px !important;}
/* 폼객체 > 반응형응대사이즈처리 */
.txt_100p {width:100%;}
.txt_70p {width:70%;}
.txt_50p {width:50%;}
.txt_40p {width:40%;}
.txt_30p {width:30%;}
.txt_20p {width:20%;}
.txt_15p {width:15%;}
.txt_10p {width:10%;}
.txt_100px {width:100px;}
.txt_80px {width:80px;}
.txt_60px {width:60px;}
.txt_40px {width:40px;}
/* 폼객체 */
.txt_as2 {border:1px solid #ddd;height:36px;padding:0 0.5em;}
.sel_as2 {border:1px solid #ddd;height:36px;}
.txt_us2 {border:1px solid #ddd;height:36px;padding:0 0.5em;}
.sel_us2 {border:1px solid #ddd;height:36px;}
.txt_us3 {border:1px solid #ddd;height:40px;padding:0 0.5em;}
.sel_us3 {border:1px solid #ddd;height:40px;}
.are_s1 {border:1px solid #ddd;width:100%;height:300px;padding:0.5em;}
/* 폼박스줄바꿈 */
.bx_fbr_a01 {width:100%;}
.bx_fbr_a01 > li ~ li {margin-top:0.3rem;}
.bx_fbr_a02 {width:100%;}
.bx_fbr_a02 > li ~ li {margin-top:0.1rem;}
.bx_fbr_b01 {display:flex;flex-wrap:wrap;align-items:center;width:100%;}
.bx_fbr_b01 > li {margin:0.5rem 1.5rem 0.5rem 0;}
.bx_fbr_b02 {display:flex;flex-wrap:wrap;align-items:center;width:100%;}
.bx_fbr_b02 > li {margin:0.5rem 0.5rem 0.5rem 0;}
/* select박스 */
.selbox_a01a {}
.selbox_a01a::-ms-expand {}
.selbox_a02a {}
.selbox_a02a::-ms-expand {}
.selbox_u01a {}
.selbox_u01a::-ms-expand {}
.selbox_u02a {}
.selbox_u02a::-ms-expand {}
/* 서브밋박스 */
.bx_sbm_01a {text-align:center;padding:0.5em 0;}
.bx_sbm_u1a {text-align:center;padding:0.5em 0;}
/* 좌우영역나누기 */
.bx_are_lr1 {display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;}
.bx_are_lr1 > li:nth-of-type(2) {text-align:right;}
/* 테이블 > 마우스오버 */
.tr_hover1 > thead > tr:hover > td,
.tr_hover1 > tbody > tr:hover > td {background:#dcffde;}
/* 테이블 > 등록수정폼 */
.utbl_w1a {width:100%;border-top:1px solid #333;}
.utbl_w1a.bdr_ty0 {border-top:0;}
.utbl_w1a.bdr_ty1 {border-top:1px solid #ddd;}
.utbl_w1a > thead > tr > th,
.utbl_w1a > tbody > tr > th {background:#f9f9f9;border-bottom:1px solid #ddd;text-align:center;line-height:1.6;padding:0.5em 0.3em;}
.utbl_w1a > thead > tr > td,
.utbl_w1a > tbody > tr > td {border-bottom:1px solid #ddd;line-height:1.6;padding:0.5em 0.3em;}
.utbl_w2a {width:100%;}
.utbl_w2a > thead > tr > th,
.utbl_w2a > tbody > tr > th {background:#f9f9f9;border:1px solid #ddd;padding:0.5em 0.3em;text-align:left;}
.utbl_w2a > thead > tr > td,
.utbl_w2a > tbody > tr > td {border:1px solid #ddd;line-height:1.6;padding:0.5em 0.3em;}
.utbl_w2b {width:100%;}
.utbl_w2b > thead > tr > th,
.utbl_w2b > tbody > tr > th {background:#f9f9f9;border:1px solid #ddd;padding:0.5em 0.3em;text-align:center;}
.utbl_w2b > thead > tr > td,
.utbl_w2b > tbody > tr > td {border:1px solid #ddd;line-height:1.6;padding:0.5em 0.3em;}
.utbl_w2c {width:100%;}
.utbl_w2c > thead > tr > th,
.utbl_w2c > tbody > tr > th {background:#f9f9f9;border:1px solid #ddd;padding:0.5em 0.3em;text-align:center;}
.utbl_w2c > thead > tr > td,
.utbl_w2c > tbody > tr > td {border:1px solid #ddd;line-height:1.6;padding:0.5em 0.3em;text-align:center;}
.tbl_uw1 {width:100%;border-top:1px solid #333;}
.tbl_uw1.bdr_ty0 {border-top:0;}
.tbl_uw1.bdr_ty1 {border-top:1px solid #ddd;}
.tbl_uw1 > thead > tr > th,
.tbl_uw1 > tbody > tr > th {background:#f9f9f9;border-bottom:1px solid #ddd;text-align:center;line-height:1.6;padding:1em 0.3em;}
.tbl_uw1 > thead > tr > td,
.tbl_uw1 > tbody > tr > td {border-bottom:1px solid #ddd;line-height:1.6;padding:1em 0.3em;}
.tbl_uw2 {width:100%;}
.tbl_uw2 > thead > tr > th,
.tbl_uw2 > tbody > tr > th {background:#f9f9f9;border:1px solid #ddd;text-align:center;font-weight:400;line-height:1.6;padding:0.5em 0.3em;}
.tbl_uw2 > thead > tr > td,
.tbl_uw2 > tbody > tr > td {border:1px solid #ddd;line-height:1.6;padding:0.5em 0.3em;}
/* 테이블 > 목록 > 리스트형 */
.utbl_l1a {width:100%;border-top:1px solid #333;}
.utbl_l1a.bdr_ty0 {border-top:0;}
.utbl_l1a.bdr_ty1 {border-top:1px solid #ddd;}
.utbl_l1a > thead > tr > th,
.utbl_l1a > tbody > tr > th {background:#f9f9f9;border-bottom:1px solid #ddd;text-align:center;padding:0.5em 0.3em;}
.utbl_l1a > tbody > tr > th.bdr_yr {border-right:1px solid #ddd;}
.utbl_l1a > tbody > tr > th ~ th {border-left:1px solid #ddd;}
.utbl_l1a > thead > tr > td,
.utbl_l1a > tbody > tr > td {border-bottom:1px solid #ddd;text-align:center;line-height:1.6;padding:0.5em 0.3em;}
.utbl_l1a > tbody > tr > td ~ td {border-left:1px solid #ddd;}
.utbl_l1a > tbody > tr > td a {}
.utbl_l1a > thead > tr.bo_noti_1a > td,
.utbl_l1a > tbody > tr.bo_noti_1a > td {color:#aa6429;background:#fffbf8;}
.utbl_l1a > tbody > tr.bo_noti_1a > td a {color:#aa6429;}
.utbl_l1a > thead > tr.fc_gray1 > td,
.utbl_l1a > tbody > tr.fc_gray1 > td {color:#999;}
.utbl_l1a > tbody > tr.fc_gray1 > td a {color:#999;}
.utbl_l1b {width:100%;border-top:1px solid #333;}
.utbl_l1b.bdr_ty0 {border-top:0;}
.utbl_l1b.bdr_ty1 {border-top:1px solid #ddd;}
.utbl_l1b > thead > tr > th,
.utbl_l1b > tbody > tr > th {background:#f9f9f9;border-bottom:1px solid #ddd;text-align:center;line-height:1.6;padding:0.5em 0.2em;}
.utbl_l1b > thead > tr > td,
.utbl_l1b > tbody > tr > td {border-bottom:1px solid #ddd;text-align:center;line-height:1.6;padding:0.5em 0.2em;}
/* 테이블 > 본문표 > 리스트형 */
.utbl_l2a {width:100%;}
.utbl_l2a > thead > tr > th,
.utbl_l2a > tbody > tr > th {background:#f9f9f9;border:1px solid #ddd;text-align:center;padding:0.5em 0.3em;}
.utbl_l2a > thead > tr > td,
.utbl_l2a > tbody > tr > td {background:#fff;border:1px solid #ddd;text-align:center;line-height:1.6;padding:0.5em 0.3em;}
.utbl_bdr_all0 > thead > tr > th,
.utbl_bdr_all0 > tbody > tr > th {border:0;}
.utbl_bdr_all0 > thead > tr > td,
.utbl_bdr_all0 > tbody > tr > td {border:0;}
/* ul 테이블 > 목록 > 갤러리형 */
.utbl_g1a:after {clear:both;display:block;height:0;content:'';}
.utbl_g1a > ul {float:left;width:100%;}
.utbl_g1a > ul > li {float:left;margin-top:15px;margin-bottom:15px;width:32%;}
.utbl_g1a > ul > li:not(:nth-child(3n - 2)) {margin-left:2%;}
.utbl_g1a > ul > li > a {display:block;border:1px solid #ddd;}
.utbl_g1a > ul > li > a > dl > dt {height:240px;}
.utbl_g1a > ul > li > a > dl > dt > img {width:100%;height:100%;}
.utbl_g1a > ul > li > a > dl > dd {background:#f5f5f5;padding:1em;}
.utbl_g1a > ul > li > a > dl > dd .titl1 {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.utbl_g1a > ul > li > a > dl > dd .date1 {color:#888;font-size:0.9em;margin-top:5px;}
/* 페이징 */
.bx_paging1a {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:10px;}
.bx_paging1a > li {margin:2px 2px;}
.bx_paging1a > li > a {display:block;height:40px;line-height:42px;padding:0 10px;min-width:40px;text-align:center;border:1px solid #ddd;}
.bx_paging1a > li > a.on {background:#333;color:#fff;border:1px solid #333;}
.bx_paging1a > li > a:hover {border:1px solid #000;}
/* 아이콘효과 */
.icon_ty_01a {display:inline-block;line-height:24px;padding:0 8px;font-size:12px;border-radius:5px;}
/* 상품아이콘 */
.bx_dsp_icons1 > label > input[type=checkbox] {width:16px;height:16px;}
.bx_dsp_icons1 > label > span {display:inline-block;vertical-align:middle;height:18px;line-height:20px;padding:0 8px;font-family:dotum !important;font-size:12px !important;color:#fff !important;background:#a2a2a2;border-radius:3px;cursor:pointer;}
.bx_dsp_icons1 label ~ label {margin-left:15px;}
.bx_dsp_icons1 > label > span.item_dsp_icon__b_hit_01 {background:#ff6c00 !important;}
.bx_dsp_icons1 > label > span.item_dsp_icon__b_new_01 {background:#8387d6 !important;}
.bx_dsp_icons1 > label > span.item_dsp_icon__b_sle_01 {background:#00bfe1 !important;}
.bx_dsp_icons1 > label > span.item_dsp_icon__b_sle_02 {background:#e03282 !important;}
.bx_dsp_icons1 > label > span.item_dsp_icon__b_rin_01 {background:#4b4b4b !important;}
.bx_dsp_icons1 > label > span.item_dsp_icon__b_dlf_01 {background:#ff5897 !important;}
/* 조회일선택 */
.bx_sel_day1a > a {display:inline-block;border:1px solid #ddd;height:36px;line-height:36px;padding:0 5px;}
.bx_sel_day1a > a.on {background:#666;color:#fff;border:1px solid #666;}
.bx_sel_day1a > a:hover {border:1px solid #666;}
/* 강의샘플영상video태그 */
.video_lect_smp1 {width:600px;height:340px;}
.video_lect_smp1 > video {width:100%;height:100%;}
/* 반응형 */
@media screen and (max-width:1420px){
#dbg_responsive {border:2px solid yellow;}
}
@media screen and (max-width:1220px){
#dbg_responsive {border:2px solid lightgreen;}
/* ul 테이블 > 목록 > 갤러리형 */
.utbl_g1a > ul > li {margin-top:10px;margin-bottom:10px;width:49%;}
.utbl_g1a > ul > li:not(:nth-child(3n - 2)) {margin-left:0;}
.utbl_g1a > ul > li:not(:nth-child(2n - 1)) {margin-left:2%;}
.utbl_g1a > ul > li > a > dl > dd {padding:10px;}
}
@media screen and (max-width:1030px){
#dbg_responsive {border:2px solid pink;}
}
@media screen and (max-width:820px){
#dbg_responsive {border:2px solid violet;}
/* 앵커박스 > 맨위로맨밑으로 */
.bx_anchor1 {display:none;}
/* 폼객체 > 반응형응대사이즈처리 */
.txt_70p {width:100%;}
.txt_50p {width:80%;}
.txt_40p {width:60%;}
.txt_30p {width:50%;}
.txt_20p {width:40%;}
.txt_15p {width:35%;}
.txt_10p {width:30%;}
/* 폼박스줄바꿈 */
.bx_frm_br2 {display:flex;flex-wrap:wrap;}
.bx_frm_br2 > li ~ li {margin-left:0;margin-top:5px;width:100%;}
/* 탭버튼 */
.bx_tab_u2a.col02 > li > a {height:40px;line-height:43px;}
/* 강의샘플영상video태그 */
.video_lect_smp1 {width:300px;height:170px;}
}
@media screen and (max-width:620px){
#dbg_responsive {border:2px solid orange;}
/* 폼객체 > 반응형응대사이즈처리 */
.txt_50p {width:100%;}
.txt_40p {width:100%;}
.txt_30p {width:100%;}
.txt_20p {width:100%;}
.txt_15p {width:100%;}
.txt_10p {width:100%;}
/* ul 테이블 > 목록 > 갤러리형 */
.utbl_g1a > ul > li {margin-top:5px;margin-bottom:5px;width:100%;}
.utbl_g1a > ul > li:not(:nth-child(2n - 1)) {margin-left:0;}
.utbl_g1a > ul > li > a > dl > dd .date1 {margin-top:0;}
}
@media screen and (max-width:420px){
#dbg_responsive {border:2px solid gray;}
}
@media screen and (max-width:320px){
#dbg_responsive {border:2px solid red;}
}