@charset "UTF-8";

:root {
  --colorMain:#005DAB;
  --colorSub:#00813D;
   --colorSub2:#F26422;
  --colorBlack:#000;
  --colorGray90:#1E2124;
  --colorGray80:#33363D;
  --colorGray70:#464C53;
  --colorGray60:#58616A;
  --colorGray50:#6D7882;
  --colorGray40:#8A949E;
  --colorGray30:#B1B8BE;
  --colorGray20:#CDD1D5;
  --colorGray10:#E6E8EA;
  --colorBgGray:#F4F5F6;
  --colorNavy:#001533;
  --colorBlue:#0052B2;
  --colorGreen:#228738;
  --colorRed:#DE3412;
    --colorMainlight1: #E8F2FB;
    --colorMainlight2: #F5FAFF;
}

/********* common_layout *********/
html, body {}
body {color:var(--colorGray90); font-family: 'Pretendard', 'sans-serif'; font-size:16px;line-height:1.6;letter-spacing:-0.8px;word-break:keep-all;}
i {vertical-align:middle}/*transform:translateY(-0.1em)*/
a, button {transition:0.2s}
sup, sub {line-height:1}
.hide {position: absolute !important; left: -9999px !important; overflow: hidden !important; width: 1px !important; height: 1px !important; line-height: 1px !important; font-size: 1px !important;}
.wrapper {position: relative; z-index: 1;}
#real_contents {width:100%; min-height: 65vh;}
.container {position: relative; width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 40px;}

/* skip navi */
.skip_navi {position:absolute; z-index:999999; width:100%; left:0; top:0; text-align:center;}
.skip_navi a {display:block; position:absolute; left:0; top:-9999px; z-index:1; width:100%; height:40px; line-height:40px; background-color: #333; color:#fff; font-size:20px; font-weight:700;}
.skip_navi a:hover, .skip_navi a:focus {top:0;}

.tab_cont {display: none;}
.tab_cont.on {display: block;}

.blind1400, .blind1280, .blind1080, .blind768, .blind480 {display:inline-block}
.add1400, .add1280, .add1080, .add768, .add480 {display:none !important}
th.blind1400, th.blind1280, th.blind1080, th.blind768, th.blind480, 
td.blind1400, td.blind1280, td.blind1080, td.blind768, td.blind480 {display:table-cell}
col.blind1400, col.blind1280, col.blind1080, col.blind768, col.blind480 {display:table-column}
colgroup.blind1400, colgroup.blind1280, colgroup.blind1080, colgroup.blind768, colgroup.blind480 {display:table-column-group}

/* 공통 스타일 정의 */
.dis_bl {display:block !important}
.dis_inb {display:inline-block !important}
.dis_in {display:inline !important}
.dis_table {display:table !important;width:100%;height:100%}
.dis_table .tcell {display:table-cell !important;width:100%;vertical-align:middle}
.flex {display:flex}
.flex2 {display:inline-flex}
.fwrap {flex-wrap:wrap}

.agt {align-items:flex-start}
.agc {align-items:center}
.age {align-items:flex-end}

.jsl {justify-content:left}
.jsr {justify-content:right}
.jsc {justify-content:center}
.jsb {justify-content:space-between}

.fl {float:left}
.fr {float:right}
.fn {float:none}

.vt {vertical-align:top !important}
.vm {vertical-align:middle !important}
.vb {vertical-align:bottom !important}
.vbase {vertical-align:baseline !important}

.fw400 {font-weight:400 !important}
.fw500 {font-weight:500 !important}
.fw600 {font-weight:600 !important}
.fw700 {font-weight:700 !important}
.underline {text-decoration:underline}

.tl {text-align:left !important}
.tc {text-align:center !important}
.tr {text-align:right !important}
.els {display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-word;overflow:hidden}
.els2 {display:-webkit-inline-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-word;overflow:hidden}

.fs085 {font-size:0.85em}
.fs09 {font-size:0.9em}
.fs095 {font-size:0.95em}
.fs10 {font-size:1em}
.fs105 {font-size:1.05em}
.fs11 {font-size:1.1em}
.fs115 {font-size:1.15em}
.fs12 {font-size:1.2em}

.s_txt {font-size:0.92rem}
.s_txt_top {margin-bottom:10px}
.s_txt_bottom {margin-top:10px}
.s_txt_left {display:inline-block;margin-right:10px}
.s_txt_right {display:inline-block;margin-left:10px}

.c_main {color:var(--colorMain) !important}
.c_sub {color:var(--colorSub) !important}
.c_sub2 {color:var(--colorSub2) !important}
.c_red {color:var(--colorRed) !important}
.c_green {color:var(--colorGreen) !important}
.c_blue {color:var(--colorBlue) !important}
.c_navy {color:var(--colorNavy) !important}
.c_black {color:var(--colorBlack) !important}
.c_gray90 {color:var(--colorGray90) !important}
.c_gray80 {color:var(--colorGray80) !important}
.c_gray70 {color:var(--colorGray70) !important}
.c_gray60 {color:var(--colorGray60) !important}
.c_gray40 {color:var(--colorGray40) !important}
.c_white {color:#fff !important;}

.bg_main {background-color:var(--colorMain) !important}
.bg_mainLight {background-color: var(--colorMainlight1) !important;}
.bg_sub {background-color:var(--colorSub) !important}
.bg_sub2 {background-color:var(--colorSub2) !important}
.bg_red {background-color:var(--colorRed) !important}
.bg_green {background-color:var(--colorGreen) !important}
.bg_blue {background-color:var(--colorBlue) !important}
.bg_navy {background-color:var(--colorNavy) !important}
.bg_black {background-color:var(--colorBlack) !important}
.bg_gray90 {background-color:var(--colorGray90) !important}
.bg_gray80 {background-color:var(--colorGray80) !important}
.bg_gray70 {background-color:var(--colorGray70) !important}
.bg_gray60 {background-color:var(--colorGray60) !important}
.bg_gray40 {background-color:var(--colorGray40) !important}
.bg_gray {background-color:var(--colorBgGray) !important}
.bg_white {background-color: #fff !important;}

.dl_list {}
.dl_list .dl {display:inline-block;margin:0 31px 6px 0;position:relative}
.dl_list .dl:last-child {margin-right:0}
.dl_list .dl.line::after {display:inline-block;width:1px;height:15px;content:'';background-color:var(--colorGray20);position:absolute;right:-16px;top:50%;transform:translateY(-50%)}
.dl_list .dt {display:inline-block;font-weight:700;vertical-align:top}
.dl_list .dd {display:inline-block;vertical-align:top}

.slide_ctrl .paging {}
.slide_ctrl .paging .dots {display:flex;column-gap:8px}
.slide_ctrl .paging li {}
.slide_ctrl .paging li button {display:block;width:12px;height:12px;text-indent:-9999px;border-radius:10px;border:1px solid #fff;overflow:hidden}
.slide_ctrl .paging li.slick-active button {width:24px;background-color:#fff}

/* select 기본 화살표 없애기 */
select {
    border-radius:0; /* 아이폰 사파리 보더 없애기 */
    -webkit-appearance:none; /* 화살표 없애기 for chrome*/
    -moz-appearance:none; /* 화살표 없애기 for firefox*/
    appearance:none /* 화살표 없애기 공통*/
}

select::-ms-expand{
    display:none /* 화살표 없애기 for IE10, 11*/
}

/* ========== 메인 레이어 팝업 ========== */
.pop_layer {position: fixed; z-index: 9999; top: 0; left: 0;}
.pop_layer .pop_box {width: 100%; height: 100%; background-color: #ffffff;}
.pop_layer .pop_box img {border: none;}
.pop_layer .pop_box p {font-weight: 400; font-size: 18px; line-height: 27px; color: #333333;}
.pop_layer .pop_btn_area {position: relative; overflow: hidden; padding: 8px 10px; background-color: #aaaaaa;}
.pop_layer .pop_btn_area .chk_each {vertical-align: middle;}
.pop_layer .pop_btn_area .chk_each label {display: inline-block; position: relative; font-family: 'CoreDream'; font-weight: 400; font-size: 14px; line-height: 24px; color: #ffffff; z-index: 1; padding-left: 20px; cursor:pointer; vertical-align: middle;}
.pop_layer .pop_btn_area .chk_each .vchkbox {display: block; position: absolute; left: 0; top: 50%; z-index: 1; width: 15px; height: 15px; margin: -7px 0 0; border: 1px solid #cacaca; background-color: #fff;}
.pop_layer .pop_btn_area .chk_each .vchkbox > i {display: none; color: #0562a9; margin-top: 1px; margin-left: 1px; font-size: 12px; font-weight: 700; text-align: center;}
.pop_layer .pop_btn_area .close {position: absolute; top: 50%; right: 8px; margin: -11px 0 0;}
.pop_layer .pop_btn_area .chk_each input:checked + label .vchkbox > i {display: block;}
.pop_layer .pop_btn_area .chk_each input:focus + label .vchkbox {outline:1px dotted #000; outline:-webkit-focus-ring-color auto 5px;}
/* ========== 메인 레이어 팝업 ========== */

.result_layer_box {display: none; position: fixed; z-index: 999; left: 50%; top: 50%; width: 100%; max-width: 970px; margin-left: -485px; margin-top: -275.5px; -ms-word-break: keep-all; word-break: keep-all;}
.result_layer_box .inner {background-color: #fff; border: 1px solid #dbdbdb;}
.result_layer_box .layer_close {position: absolute; right: 38px; top: 28px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.result_layer_box .layer_close:hover {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.result_layer_box .result_box1 {min-height: 522px; padding: 80px 30px 40px; text-align: center;}
.result_layer_box .result_box1 .tit_box {display: inline-block; margin: 30px 0 50px; padding: 22px 20px 30px; padding-left: 180px; background: url('../../../../images/home/kor/sub/result_img.png') no-repeat 0 0; color: #3e3e3e; text-align: left;}
.result_layer_box .result_box1 .tit_box .t1 {margin-bottom: 10px; font-size: 1.313em; font-weight: 500;}
.result_layer_box .result_box1 .tit_box .t2 {font-size: 2.563em; font-weight: 500;}
.result_layer_box .result_box1 .tit_box .t2 em {color: #ff1c53;}
.result_layer_box .result_box1 .gray_box {max-width: 780px; line-height: 1.5; margin: 0 auto; padding: 35px 20px; background-color: #f7f8f9; color: #3e3e3e; font-weight: 350;}
html.is-ie .result_layer_box .result_box1 .gray_box {font-weight: 300;}
.result_layer_box .result_box1 .gray_box u {color: #247abf; font-weight: 400;}
.result_layer_box .result_box2 {min-height: 549px; padding: 40px 30px; text-align: center;}
.result_layer_box .result_box2 .tit_box {display: inline-block; padding: 40px 0 20px; padding-left: 220px; margin-bottom: 30px; background: url('../../../../images/home/kor/user/sub/result_logo.jpg') no-repeat 0 0; color: #3e3e3e; text-align: left;}
.result_layer_box .result_box2 .t1 {color: #2b2b2b; font-size: 1.250em; font-weight: 500;}
.result_layer_box .result_box2 .gray_box {max-width: 780px; margin: 0 auto; padding: 25px 20px; background-color: #f7f8f9; color: #3e3e3e;}
.result_layer_box .result_box2 .gray_box p {line-height: 1.5; margin-bottom: 25px; color: #3e3e3e; font-weight: 350;}
html.is-ie .result_layer_box .result_box2 .gray_box p {font-weight: 300;}
.result_layer_box .result_box2 .gray_box p:last-child {margin-bottom: 0;}
.result_layer_box .result_box2 .gray_box p u {color: #247abf; font-weight: 400;}
.result_layer_box .result_box2 .gray_box p em {color: #f04545; font-weight: 400;}


/* 팝업 레이어 */
.alert_layer_box, .confirm_layer_box, .common_layer_box {display: none; position: fixed; left: 50%; top: 50%; width: 98%; max-width: 629px; margin-left: 120px; z-index: 1; background-color: #fff; border: 1px solid #dbdbdb;
-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.confirm_layer_box, .alert_layer_box {padding: 50px 20px 30px;}
.confirm_layer_box .txt, .alert_layer_box .txt {margin-bottom: 20px; font-size: 1.250em; text-align: center;}


/* 레이어 팝업 */
.info_com_popup_cont {display: none; position:fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 99999;}
.info_com_popup_cont .inst_box {display: none; position: fixed; top: 50%; left: 50%; width: 100%; max-width: 640px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1;}
.info_com_popup_cont .inst_box.max880 {max-width: 880px;}
.info_com_popup_cont .inst_box .inner_area {position:relative;}
.info_com_popup_cont .inst_box .inner_area > .title_area {padding: 10px 45px 10px 25px; background-color: #0b4489;}
.info_com_popup_cont .inst_box .inner_area > .title_area > .title {font-weight: 700; font-size: 24px; line-height: 36px; color: #fffefe;}
.info_com_popup_cont .inst_box .inner_area > .pop_close {position:absolute; top: 19px; right: 25px; width: 18px; height: 18px; background-image: url('../../../../images/home/kor/user/common/pop_close_icon.png'); background-size: 100%; background-repeat: no-repeat;}
.info_com_popup_cont .inst_box .inner_area .inst_cont {}
.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area {background-color: #ffffff; padding: 40px 25px;}
.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area.tc { text-align: center;}
.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area.scroll {overflow-y: scroll; height: 500px;}


/* 직원 이름 검색 팝업 */
#pop_staff.info_com_popup_cont {}
#pop_staff.info_com_popup_cont .inst_box {}
#pop_staff.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area {max-height:78vh;overflow-y:auto}
#pop_staff.info_com_popup_cont .com_sch_cont {margin-bottom:25px}
#pop_staff.info_com_popup_cont .com_sch_cont .com_sch_area {padding:15px}
#pop_staff.info_com_popup_cont .com_sch_cont .com_sch_area .box {}
#pop_staff.info_com_popup_cont .com_sch_cont .com_sch_area .box .row {}
#pop_staff.info_com_popup_cont .com_sch_cont .com_sch_area .box .row .title {margin-right:10px;font-size:15px}
#pop_staff.info_com_popup_cont .com_sch_cont .com_sch_area .box .row .input_box {max-width:175px}
#pop_staff.info_com_popup_cont .com_sch_cont .com_sch_area .box .row .input_box .sch_inp {}
#pop_staff.info_com_popup_cont .com_sch_cont .com_sch_area .box .row .btn_box {width:auto}
#pop_staff.info_com_popup_cont .com_sch_cont .com_sch_area .box .row .btn_box .btn {width:auto;padding:0 17px}
#pop_staff.info_com_popup_cont .com_sch_cont .com_sch_area .box .row .btn_box .btn .text {font-size:15px}
#pop_staff.info_com_popup_cont .com_sch_cont .captcha {display:flex}
#pop_staff.info_com_popup_cont .com_sch_cont .captcha .captchaImg {}
#pop_staff.info_com_popup_cont .com_sch_cont .captcha .btn {}


.tab-conts .tab-cont { display: none; }
.tab-conts .tab-cont.on { display: block; }

.more-btn-st1 { width: 24px; height: 24px; text-indent: -9999px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus-lg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2'/%3E%3C/svg%3E") no-repeat center center / cover; }


/* 이전/다음 */
.swiper-button-st1 { display: flex; align-items: center; justify-content: center; gap: 10px; }
.swiper-button-st1 [class^="swiper-button-"] { flex-shrink: 0; position: relative; top: unset; left: unset; right: unset; bottom: unset; width: 50px; height: 50px; margin: 0; padding: 0; background: #fff; border: 1px solid #e5e5e5; border-radius: 100%; cursor: pointer; }
.swiper-button-st1 [class^="swiper-button-"]::after { font-weight: 700; font-size: 16px; color: #757575; }
.swiper-button-st1 .swiper-button-pause { background: #fff url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0V14M7 0V14' stroke='%23757575' stroke-width='2'/%3E%3C/svg%3E") no-repeat center center / auto 12px; }
.swiper-button-st1 .swiper-button-play { background: #fff url("data:image/svg+xml,%3Csvg width='8' height='10' viewBox='0 0 8 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0.333374V9.66671L7.33333 5.00004L0 0.333374Z' fill='%23757575'/%3E%3C/svg%3E") no-repeat center center / auto 12px; }

.swiper-button-st2 { display: flex; align-items: center; justify-content: center; gap: 10px; }
.swiper-button-st2 [class^="swiper-button-"] { position: relative; top: unset; left: unset; right: unset; bottom: unset; width: 32px; height: 32px; margin: 0; padding: 0; background: #fff; border: 1px solid #e5e5e5; border-radius: 100%; cursor: pointer; }
.swiper-button-st2 [class^="swiper-button-"]::after { font-weight: 700; font-size: 11px; color: #757575; }
.swiper-button-st2 .swiper-button-pause { background: #fff url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0V14M7 0V14' stroke='%23757575' stroke-width='2'/%3E%3C/svg%3E") no-repeat center center / auto 12px; }
.swiper-button-st2 .swiper-button-play { background: #fff url("data:image/svg+xml,%3Csvg width='8' height='10' viewBox='0 0 8 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0.333374V9.66671L7.33333 5.00004L0 0.333374Z' fill='%23757575'/%3E%3C/svg%3E") no-repeat center center / auto 12px; }

.swiper-pagination-st1.swiper-pagination-bullets.swiper-pagination-horizontal { position: relative; top: unset; right: unset; bottom: unset; left: unset; display: flex; align-items: center; gap: 10px; width: fit-content; padding: 10px; border: 1px solid var(--colorGray10); border-radius: 50px; background: #fff; }
.swiper-pagination-st1.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet  { width: 17px; height: 17px; margin: 0; background: #757575; border-radius: 50px; opacity: 1; }
.swiper-pagination-st1.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet-active  { width: 25px; background: var(--colorMain) }

/********** list **********/
.list-st1 > li { position: relative; line-height: 1.5; padding-left: 15px;  }
.list-st1 > li::before { content:""; position: absolute; top: 10px; left: 3px; width: 4px; height: 4px; background: #333; border-radius: 100%; }

.list-st2 > li { position: relative; line-height: 1.3; padding-left: 12px; color: #444; }
.list-st2 > li::before { content:""; position: absolute; top: 8px; left: 0; width: 5px; height: 1px; background: var(--gray-cc); }
.list-st2 > li + li { margin-top: 5px; }

/********** 텍스트 ...처리 **********/
.txt-over1 {display: -webkit-box; display: -ms-flexbox; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 1;} /* 1줄 */
.txt-over2 {display: -webkit-box; display: -ms-flexbox; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} /* 2줄 */
.txt-over3 {display: -webkit-box; display: -ms-flexbox; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 3;} /* 3줄 */

/********** 이미지 **********/
.img-wrap { display: block; overflow: hidden; }
.img-wrap img { max-width: 100% !important; }


.img-st45 { position: relative; width: 100%; height: 0; padding-bottom: 45%; overflow: hidden; }
.img-st45 .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.img-st56 { position: relative; width: 100%; height: 0; padding-bottom: 56%; overflow: hidden; }
.img-st56 .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: top; }
.img-st65 { position: relative; width: 100%; height: 0; padding-bottom: 65%; overflow: hidden; }
.img-st65 .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: top; }
.img-st100 { position: relative; width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; }
.img-st100 .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: top; }
.img-st115 { position: relative; width: 100%; height: 0; padding-bottom: 115%; overflow: hidden; }
.img-st115 .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.img-st140 { position: relative; width: 100%; height: 0; padding-bottom: 140%; overflow: hidden; }
.img-st140 .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }


/********** btn **********/
/* 버튼 정렬 */
.btn-lf { display: flex; justify-content: flex-start; gap: 5px; }
.btn-ce { display: flex; justify-content: center; gap: 5px; }
.btn-rg { display: flex; justify-content: flex-end; gap: 5px; }
.btn-spb { display: flex; justify-content: space-between; gap: 5px; }
@media only screen and (max-width: 560px) {
    .btn-ce { flex-wrap: wrap; }
    .btn-ce > a, .btn-ce > button { flex: 1; min-width: fit-content; }
    .btn-lf { flex-wrap: wrap; }
    .btn-lf > a, .btn-lf > button { flex: 1; min-width: fit-content; }
}


.bdrd0 { border-radius: 0 !important; }
.bdrd3 { border-radius: 3px !important; }
.bdrd5 { border-radius: 5px !important; }
.bdrd10 { border-radius: 10px !important; }
.bdrd15 { border-radius: 15px !important; }
.bdrd20 { border-radius: 20px !important; }
.bdrd50 { border-radius: 50px !important; }

.relative { position: relative; }

/* Display */
.block { display: block; }
.inline-block { display: inline-block; }
.flex { display: flex; }

/* Flex wrap */
.flex-wrap { flex-wrap: wrap; }

/* Flex alignment */
.items-center { align-items: center; }
.justify-start { justify-content: flex-start !important; }
.justify-center { justify-content: center; }
.justify-end { justify-content: flex-end; }
.justify-between { justify-content: space-between; }

/* Flex shrink */
.shrink-0 { flex-shrink: 0; }

/* Vertical Align (주의: inline 요소/table-cell에서만 적용) */
.align-top { vertical-align: top; }
.align-middle { vertical-align: middle; }
.align-bottom { vertical-align: bottom; }

/* gap */
.gap5 { gap: 5px; }
.gap10 { gap: 10px; }
.gap15 { gap: 15px; }
.gap20 { gap: 20px; }
.gap25 { gap: 25px; }
.gap30 { gap: 30px; }

.bdrd0 { border-radius: 0 !important; }
.bdrd5 { border-radius: 5px !important; }
.bdrd10 { border-radius: 10px !important; }
.bdrd15 { border-radius: 15px !important; }
.bdrd20 { border-radius: 20px !important; }
.bdrd50 { border-radius: 50px !important; }

/* col-12 */
.col-group { display: flex; margin: 0 -2rem; }
.col-group [class*="col-"] { padding: 0 2rem; }
.col-1 { width: 8.3333%; }
.col-2 { width: 16.6667%; }
.col-3 { width: 25%; }
.col-4 { width: 33.3333%; }
.col-5 { width: 41.6667%; }
.col-6 { width: 50%; }
.col-7 { width: 58.3333%; }
.col-8 { width: 66.6667%; }
.col-9 { width: 75%; }
.col-10 { width: 83.3333%; }
.col-11 { width: 91.6667%; }
.col-12 { width: 100%; }
@media only screen and (max-width: 1023px) {
    .col-group { margin: 0 -1rem; }
    .col-group [class*="col-"] { padding: 0 1rem; }
}
@media only screen and (max-width: 767px) {
    .col-group { margin: 0 -0.5rem; }
    .col-group [class*="col-"] { padding: 0 0.5rem; }
}

.underline { text-decoration: underline; }

/********** 텍스트 정렬 **********/
.txt-lf {text-align: left;}
.txt-ce {text-align: center;}
.txt-rg {text-align: right;}

/********** font-weight **********/
.fw-300 {font-weight: 300;}
.fw-400 {font-weight: 400;}
.fw-500 {font-weight: 500;}
.fw-600 {font-weight: 600;}
.fw-700 {font-weight: 700;}

/********** font-size **********/
.fz-30 { font-size: 30px; }
.fz-25 { font-size: 25px; }
.fz-24 { font-size: 24px; }
.fz-23 { font-size: 23px; }
.fz-22 { font-size: 22px; }
.fz-21 { font-size: 21px; }
.fz-20 { font-size: 20px; }
.fz-19 { font-size: 19px; }
.fz-18 { font-size: 18px; }
.fz-17 { font-size: 17px; }
.fz-16 { font-size: 16px; }
.fz-15 { font-size: 15px; }
.fz-14 { font-size: 14px; }
.fz-13 { font-size: 13px; }
.fz-12 { font-size: 12px; }
.fz-11 { font-size: 11px; }

.txt-70 { display: block; line-height: 1.4; font-size: 70px; word-break: keep-all; }
.txt-54 { display: block; line-height: 1.4; font-size: 54px; word-break: keep-all; }
.txt-48 { display: block; line-height: 1.4; font-size: 48px; word-break: keep-all; }
.txt-40 { display: block; line-height: 1.4; font-size: 40px; word-break: keep-all; }
.txt-36 { display: block; line-height: 1.4; font-size: 36px; word-break: keep-all; }
.txt-32 { display: block; line-height: 1.4; font-size: 32px; word-break: keep-all; }
.txt-30 { display: block; line-height: 1.4; font-size: 30px; word-break: keep-all; }
.txt-26 { display: block; line-height: 1.4; font-size: 26px; word-break: keep-all; }
.txt-24 { display: block; line-height: 1.4; font-size: 24px; word-break: keep-all; }
.txt-22 { display: block; line-height: 1.4; font-size: 22px; word-break: keep-all; }
.txt-20 { display: block; line-height: 1.4; font-size: 20px; word-break: keep-all; }
.txt-18 { display: block; line-height: 1.4; font-size: 18px; word-break: keep-all; }
.txt-17 { display: block; line-height: 1.4; font-size: 17px; word-break: keep-all; }
.txt-16 { display: block; line-height: 1.4; font-size: 16px; word-break: keep-all; }
.txt-15 { display: block; line-height: 1.4; font-size: 15px; word-break: keep-all; }
.txt-14 { display: block; line-height: 1.4; font-size: 14px; word-break: keep-all; }
.txt-13 { display: block; line-height: 1.4; font-size: 13px; word-break: keep-all; }

/********** margin **********/
.mg0 {margin:0;}
/*** margin_top ***/
.mt-33 {margin-top:-33px;}
.mt0 {margin-top:0;}
.mt3 {margin-top:3px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt45 {margin-top:45px;}
.mt50 {margin-top:50px;}
.mt55 {margin-top:55px;}
.mt60 {margin-top:60px;}
.mt65 {margin-top:65px;}
.mt70 {margin-top:70px;}
.mt75 {margin-top:75px;}
.mt80 {margin-top:80px;}
.mt85 {margin-top:85px;}
.mt90 {margin-top:90px;}
.mt95 {margin-top:95px;}
.mt100 {margin-top:100px;}
.mt160 {margin-top:160px;}
/*** margin_bottom ***/
.mb0 {margin-bottom:0;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}
.mb55 {margin-bottom:55px;}
.mb60 {margin-bottom:60px;}
.mb65 {margin-bottom:65px;}
.mb70 {margin-bottom:70px;}
.mb75 {margin-bottom:75px;}
.mb80 {margin-bottom:80px;}
.mb85 {margin-bottom:85px;}
.mb90 {margin-bottom:90px;}
.mb95 {margin-bottom:95px;}
.mb100 {margin-bottom:100px;}
/*** margin_left ***/
.ml0 {margin-left:0;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml45 {margin-left:45px;}
.ml50 {margin-left:50px;}
.ml55 {margin-left:55px;}
.ml60 {margin-left:60px;}
.ml65 {margin-left:65px;}
.ml70 {margin-left:70px;}
.ml75 {margin-left:75px;}
.ml80 {margin-left:80px;}
.ml85 {margin-left:85px;}
.ml90 {margin-left:90px;}
.ml95 {margin-left:95px;}
.ml100 {margin-left:100px;}
/*** margin_right ***/
.mr0 {margin-right:0;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}
.mr45 {margin-right:45px;}
.mr50 {margin-right:50px;}
.mr55 {margin-right:55px;}
.mr60 {margin-right:60px;}
.mr65 {margin-right:65px;}
.mr70 {margin-right:70px;}
.mr75 {margin-right:75px;}
.mr80 {margin-right:80px;}
.mr85 {margin-right:85px;}
.mr90 {margin-right:90px;}
.mr95 {margin-right:95px;}
.mr100 {margin-right:100px;}

@media only screen and (max-width: 560px) {
    .mt60 {margin-top: 30px;}
}

/******************** padding ********************/
.pd0 {padding:0;}
.pd5 {padding:5px;}
.pd10 {padding:10px;}
.pd15 {padding:15px;}
.pd20 {padding:20px;}
.pd25 {padding:25px;}
.pd30 {padding:30px;}
.pd35 {padding:35px;}
.pd40 {padding:40px;}
.pd45 {padding:45px;}
.pd50 {padding:50px;}
.pd55 {padding:55px;}
.pd60 {padding:60px;}
.pd65 {padding:65px;}
.pd70 {padding:70px;}
.pd75 {padding:75px;}
.pd80 {padding:80px;}
.pd85 {padding:85px;}
.pd90 {padding:90px;}
.pd95 {padding:95px;}
.pd100 {padding:100px;}
/*** padding_top ***/
.pt0 {padding-top:0;}
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pt35 {padding-top:35px;}
.pt40 {padding-top:40px;}
.pt45 {padding-top:45px;}
.pt50 {padding-top:50px;}
.pt55 {padding-top:55px;}
.pt60 {padding-top:60px;}
.pt65 {padding-top:65px;}
.pt70 {padding-top:70px;}
.pt75 {padding-top:75px;}
.pt80 {padding-top:80px;}
.pt85 {padding-top:85px;}
.pt90 {padding-top:90px;}
.pt95 {padding-top:95px;}
.pt100 {padding-top:100px;}
/*** padding_bottom ***/
.pb0 {padding-bottom:0;}
.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}
.pb35 {padding-bottom:35px;}
.pb40 {padding-bottom:40px;}
.pb45 {padding-bottom:45px;}
.pb50 {padding-bottom:50px;}
.pb55 {padding-bottom:55px;}
.pb60 {padding-bottom:60px;}
.pb65 {padding-bottom:65px;}
.pb70 {padding-bottom:70px;}
.pb75 {padding-bottom:75px;}
.pb80 {padding-bottom:80px;}
.pb85 {padding-bottom:85px;}
.pb90 {padding-bottom:90px;}
.pb95 {padding-bottom:95px;}
.pb100 {padding-bottom:100px;}
/*** padding_left ***/
.pl0 {padding-left:0;}
.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl17 {padding-left:17px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}
.pl35 {padding-left:35px;}
.pl40 {padding-left:40px;}
.pl45 {padding-left:45px;}
.pl50 {padding-left:50px;}
.pl55 {padding-left:55px;}
.pl60 {padding-left:60px;}
.pl65 {padding-left:65px;}
.pl70 {padding-left:70px;}
.pl75 {padding-left:75px;}
.pl80 {padding-left:80px;}
.pl85 {padding-left:85px;}
.pl90 {padding-left:90px;}
.pl95 {padding-left:95px;}
.pl100 {padding-left:100px;}
/*** padding_right ***/
.pr0 {padding-right:0;}
.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr17 {padding-right:17px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}
.pr35 {padding-right:35px;}
.pr40 {padding-right:40px;}
.pr45 {padding-right:45px;}
.pr50 {padding-right:50px;}
.pr55 {padding-right:55px;}
.pr60 {padding-right:60px;}
.pr65 {padding-right:65px;}
.pr70 {padding-right:70px;}
.pr75 {padding-right:75px;}
.pr80 {padding-right:80px;}
.pr85 {padding-right:85px;}
.pr90 {padding-right:90px;}
.pr95 {padding-right:95px;}
.pr100 {padding-right:100px;}