@charset "utf-8";

:root {
    --primary : #02247B;
}


/* font family : Noto Sans */
/* @font-face {
    font-family: 'Noto Sans KR';
    font-weight: 300;
    src: url('../fonts/NotoSansKR-Light.woff2') format('woff2'),
    url('../fonts/NotoSansKR-Light.woff') format('woff'),
    url('../fonts/NotoSansKR-Light.eot'),
    url('../fonts/NotoSansKR-Light.eot?#iefix') format('embedded-opentype');
} */

/* reset */
html, body, div, span, iframe, object, embed, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, a, abbr, address, b, bdo, blockquote, cite, code, del, dfn, p, pre, em, i, ins, kbd, q, s, samp, strong, sub, sup, u, var, img, map, area, form, fieldset, legend, input, textarea, select, button, label, keygen, table, caption, thead, tbody, tfoot, tr, th, td, article, aside, audio, bdi, canvas, datalist, details, dialog, figcaption, figure, footer, header, main, mark, menu, menuitem, meter, nav, output, progress, section, rp, rt, ruby, summary, time, video, wbr {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
}
html, body{
    width: 100%;
    -webkit-overflow-scrolling : touch;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    touch-action: manipulation;
}
body {
	overflow-x: hidden;
	font-family: 'pretendard','Nanum Gothic', 'Malgun Gothic', '맑은 고딕', '돋움', 'dotum', 'AppleGothic', Helvetica, Arial, Sans-Serif;
    font-size: 0;
    line-height: 1;
    word-break: keep-all;
}
h1, h2, h3, h4, h5, pre, input, button, select, textarea {
    font-family: inherit;
}
input, button, textarea, select {
    line-height: 1;
    color:inherit;
    vertical-align: middle;
    -webkit-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 0;
    outline: none;
}
button, input {
  overflow: visible;
}
button, select {
  text-transform: none;
  cursor: pointer;
}
button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner, 
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

input::-ms-clear, select::-ms-expand {
    display: none;
}
input::placeholder, textarea::placeholder {
    color: #ccc;
}
::-webkit-file-upload-button {
    cursor: pointer;
}
textarea {
    padding:15px !important;
    overflow: auto;
    resize:none;
}
label{
    display:inline-block;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
 }
label img {
    pointer-events: none;
    -moz-user-select: -moz-none;
}
*:focus {
    outline:none;
}

/* HTML5 display-role reset for older browsers */
main, article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
b, strong {
  font-weight: 700;
}
a {
    color: inherit;
    text-decoration: none;
    background: transparent;
    -webkit-tap-highlight-color: transparent;
    outline: none;
}
img {
    max-width: 100%;
	border: 0;
    border-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

figure img {display:block;}

:lang(ko) {word-break:keep-all;}

.btn {
    display: inline-block;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
}

/* text ellipsis */
.txt_ellipsis {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.txt_ellipsis-multi {
    display: -webkit-box;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
	-webkit-box-orient: vertical;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .txt_ellipsis-multi {
        display: block;
    }
}

/* flex */
.flex {
    display:flex;
    flex-flow:row wrap;
}
.flex-just-between {
    display:flex;
    justify-content:space-between;
}
.flex-just-center {
    display:flex;
    justify-content:center;
}
.flex-just-start {
    display:flex;
    justify-content:flex-start !important;
}
.flex-just-end {
    display:flex;
    justify-content:flex-end;
}
.flex-align-center {
    display:flex;
    align-items:center;
}
.flex-center {
    display:flex;
    justify-content:center;
    align-items:center;
}
.flex-end {
    display:flex;
    justify-content:flex-end;
    align-items:center;
}

/* text, font */
.text-underline {text-decoration:underline;}

.f15 {font-size:15px;}
.f-basic {font-size:15px;line-height:20px;}

/* padding,margin */
.mT0 {margin-top:0 !important;}
.mT10 {margin-top:10px !important;}
.mT15 {margin-top:15px !important;}
.mT20 {margin-top:20px !important;}
.mT25 {margin-top:25px !important;}
.mT30 {margin-top:30px !important;}
.mT40 {margin-top:40px !important;}
.mT50 {margin-top:50px !important;}
.mT60 {margin-top:60px !important;}
.mr-1 {margin-right:10px !important;}
.ml-1 {margin-left:10px !important;}

/* badge */
.badge {height:15px;padding:0 5px;background-color:#000;border-radius:3px;font-size:10px;line-height:15px;color:#fff;font-style:normal;font-weight:400;}
.badge.basic {background-color:#4988e5;}
.badge.light {background-color:#e7f0fc;color:#4988e5;}
.badge.secret {margin-left:5px;background-color:#fba830;font-size:11px;}

/* form */
.form-control {height:50px;width:100%;padding:0 15px;border:solid 1px #e3e4e9;font-size:15px;background-color:#fff;}
.form-select {padding-right:45px;background:url("../images/select_arrow.png") right 16px top 50% no-repeat;background-color:#fff;}
textarea.form-control {height:auto;}

/* Checkbox */
.check-label{position:relative;margin:3px 0;padding:2px 0;}
.check-label input{display:block;position:absolute;width:1px;height:1px;margin-left:-1px;clip-path:polygon(0 0, 0 0, 0 0);opacity:0;}
.check-label .text {position:relative;display:inline-flex;align-items:center;position:relative;min-height:27px;padding-left:32px;line-height:27px;z-index:50;}
.check-label .text:after {content:'';position:absolute;left:0;top:0;width:calc(100%);height:100%;outline:1px dotted #555;opacity:0;}
.check-label .text:before{content:'';position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;border:2px solid #bec2cc;background:url("../images/icon_check_normal.png") center center no-repeat;box-sizing:border-box;}
.check-label input:focus + .text:after{opacity:1;}
.check-label input:checked + .text:before{background-image:url("../images/icon_check_active.png");background-size:14px auto;border-color:#316fe0;}
.check-label input:disabled + .text{color:#8e8e8e;}
.check-label.radio-basic .text:before {background-image:none;background-size:8px;border-radius:50%;}
.check-label.radio-basic input:checked + .text:before {background-image:url("../images/icon_radio_active.png");background-size:8px;}
.check-label+.check-label {margin-left:10px;}
.check-label.button {display:flex;padding:0;border:solid 1px #e3e4e9;}
.check-label.button span {flex:1;height:50px;}
.check-label.button label {display:block;width:100%;height:100%;background-color:#f2f4f6;text-align:center;line-height:48px;}
.check-label.button input:checked + label {background-color:var(--primary);color:#fff;}

input[type=radio].rdoCss {display:none;}
input[type=radio].rdoCss {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height:1px;
    width:1px;
    margin:-1px;
    padding:0;
    border:0;
}
input[type=radio].rdoCss + label.rdo_label {
	padding-left:35px;
	height:24px;
	display:inline-block;
	background-repeat:no-repeat;
	background-position: 0 0;
	vertical-align:middle;
	cursor:pointer;
}
input[type=radio].rdoCss:checked + label.rdo_label {background-position: 0 -24px;}
.rdo_label {background-image:url(https://dware.intojob.co.kr/image/dware/t1/tm27_2/icon/icon_radio.png);line-height:24px;letter-spacing:-1px;}

/* popup */
.popupWrap {width:calc(100% - 30px);padding:30px 15px;overflow-y:scroll;overflow-x:hidden;background-color:#fff;z-index:2000;}
.popupWrap .btn_popClose {position:absolute;top:20px;right:20px;width:40px;height:40px;background-color:transparent;z-index:10;}
.popupWrap .btn_popClose:before,
.popupWrap .btn_popClose:after {content: "";position: absolute;top: 50%;left: 50%;width:16px;height: 2px;background-color:#000;}
.popupWrap .btn_popClose:before {transform: translate(-50%, -50%) rotate(-45deg);}
.popupWrap .btn_popClose:after {transform: translate(-50%, -50%) rotate(45deg);}
.popupWrap .btn_popClose.light:before,
.popupWrap .btn_popClose.light:after {background-color:#fff;}
.popupWrap .popHeader {padding-bottom:30px;}
.popupWrap .popHeader h3.title {font-size:24px;font-weight:700;color:#000;}

/* slider */
.slideWrap {position:relative;z-index:10;}
.slideWrap .slideOuter {width:100%;overflow:hidden;}
/* .slideWrap .slideOuter ul {width:3908px;} */
.slideWrap .slideOuter ul li {position:relative;float:left;}
/* .slideWrap .slideOuter ul li:not(:last-child) {margin-right:20px;} */
.slideWrap .moveButton {margin-top:10px;text-align:center;}
.slideWrap .moveButton .btn {width:40px;height:40px;background:#02247B url("../images/slide_arrow.svg") no-repeat center center / auto 20px;border-radius:50%;}
.slideWrap .moveButton .btn.left {margin-right:10px;transform:rotate(180deg);}
/* .slideWrap .moveButton .btn:disabled {background-image:url("../images/slide_arrow_dis.png");cursor:default;} */
.slideWrap .moveButton .btn.left:disabled,
.slideWrap .moveButton .btn.right:disabled {opacity:0.3;}
.slideWrap .scrollbar {margin-top:20px;height:1px;width:100%;background-color:#BEBEBE;line-height:0;}
.slideWrap .scrollbar .handle {position:relative;top:-1px;height:3px;background-color:#000;cursor:pointer;}
.slideWrap .scrollbar .handle .mousearea {position:absolute;top:-9px;left:0;width:100%;height:20px;}
.slideWrap .pages {display:flex;margin-top:20px;justify-content:center;}
.slideWrap .pages li {width:12px;height:12px;border-radius:50%;background-color:#c6cad1;text-indent:-9999px;cursor:pointer;}
.slideWrap .pages li.active {background-color:#666;cursor:default;}
.slideWrap .pages li+li {margin-left:10px;}
.slideWrap.fullSlide .slideOuter ul li {width:100vw;}
.slideWrap.fullSlide .slideOuter ul li:not(:last-child) {margin-right:0;}

.mainSlide .swiper-wrapper .swiper-slide {height:330px;width:100vw;background-repeat:no-repeat;background-size:cover;background-position:center 0;}
/* .mainSlide .swiper-wrapper .swiper-slide img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);} */

/* tab */
div[class*="TabUI"] {overflow-y:hidden;overflow-x:auto;}
div[class*="TabUI"] ul {display:flex;width:540px;flex-wrap:nowrap;}
div[class*="TabUI"] ul li {display:inline-flex;} 

/* list */
.bulList li {position:relative;padding-left:15px;font-size:15px;line-height:20px;}
.bulList li:before {content:"\2022";position:absolute;top:0;left:0;}

/* accordion style */
.accordionList li {border-bottom:solid 1px #e3e4e9;}
.accordionList li dl dt {position:relative;padding:20px 0;}
.accordionList li dl dt .title {line-height:20px;font-weight:700;color:#000;}
.accordionList li dl dt span {font-size:13px;}
.accordionList li dl dd {position:relative;display:none;padding:20px 20px 20px 35px;background:#f0f1f2 url("../images/icon_reply.png") left 12px top 20px no-repeat;font-size:15px;line-height:20px;}
.accordionList li.active dl dd {display:block;}

.titListGroup dt {font-size:18px;;line-height:24px;font-weight:700;color:#000;}
.titListGroup dd {margin-top:20px;font-size:15px;line-height:20px;}
.titListGroup+.titListGroup {margin-top:30px;}

/* 영상 */
.movieBig {position:relative;width:100%;padding-bottom:56.25%;overflow:hidden;}
.movieBig iframe {position:absolute;top:0;left:0;width:100%;height:100%;}

/* 20231226 추가 */
.check-label {display:flex;height:100%;gap:0 20px;align-items:center;}
.check-label .text:before {border-radius:0;background-image:url("../images/icon_check_normal.svg");background-size:auto 20px !important;}
.check-label input:checked + .text:before {border-color:var(--primary);background-image:url("../images/icon_check_active.svg");}
.check-label.button {gap:0;}
.check-label.radio-basic .text {position:relative;font-size:15px;}
.check-label.radio-basic input:checked + .text:before {border-color:var(--primary);background-image:url("../images/icon_radio_active.svg") !important;background-size:10px !important;}
.check-label input:checked + .text {color:var(--primary);}


/* mediaquery */
@media screen and (max-width: 1140.98px) {
    
}
@media screen and (max-width: 768.98px) {
    
}
@media screen and (max-width: 576.98px) {
    
}