@charset "utf-8";

*{
	font-family:"Pretendard",sans-serif;
	margin:0;
	padding:0;
    box-sizing:border-box;
}

html {font-size: 1rem; scroll-behavior: smooth;}
body {width: 100%; height: 100%; font-size: 100%; color: var(--com-main-text-color); font-weight: 400;}

:root {
    --com-main-text-color: #333;
    --com-sub-color-01: #1f56b8;
    --com-sub-color-02: #3e75d6;
    --com-sub-color-03: #2763cf;
    --com-sub-color-04: #0e3c8f;
    --com-sub-color-05: #0f2134;
    --com-duration-01: 1s;
    --com-duration-02: 0.8s;
    --com-timing-type-01: ease;
}

img {display: block; max-width:100%;}   

li {list-style:none}

table {width: 100%; border-collapse: collapse; vertical-align: middle; text-align: center; table-layout: fixed;}

caption {position:absolute; left:-10000px; visibility: hidden;}

a {color: var(--com-main-text-color); text-decoration: none; transition: all 0.2s ease;}

input,button,select {color: var(--com-main-text-color); vertical-align: middle; border: 1px solid #ddd; font-size: inherit;}
input,select {padding: 8px 10px;}
select {background-color: #fff;}
button {background-color: transparent; border: none; cursor: pointer; transition: all 0.2s ease;}
textarea {width: 100%; resize: none;}

blockquote,fieldset,iframe{border:0}

address {font-style: normal;}

label {cursor: pointer; display: inline-flex; align-items: center;}

article,aside,details,figcaption,figure,footer,header,nav,section {display:block; width: 100%;}

/***************************************************************

	Web Font

***************************************************************/
/* Pretendard */
@font-face {
    font-family: 'Pretendard';
    src: url('/resources/user/infra/font/Pretendard/Pretendard-Light.subset.woff2') format('woff2'),
        url('/resources/user/infra/font/Pretendard/Pretendard-Light.subset.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/resources/user/infra/font/Pretendard/Pretendard-Regular.subset.woff2') format('woff2'),
        url('/resources/user/infra/font/Pretendard/Pretendard-Regular.subset.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/resources/user/infra/font/Pretendard/Pretendard-Medium.subset.woff2') format('woff2'),
        url('/resources/user/infra/font/Pretendard/Pretendard-Medium.subset.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/resources/user/infra/font/Pretendard/Pretendard-SemiBold.subset.woff2') format('woff2'),
        url('/resources/user/infra/font/Pretendard/Pretendard-SemiBold.subset.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/resources/user/infra/font/Pretendard/Pretendard-Bold.subset.woff2') format('woff2'),
        url('/resources/user/infra/font/Pretendard/Pretendard-Bold.subset.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* GmarketSans */
@font-face {
    font-family: 'GmarketSans';
    src: url('/resources/user/infra/font/GmarketSans/GmarketSansLight.woff2') format('woff2'),
        url('/resources/user/infra/font/GmarketSans/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GmarketSans';
    src: url('/resources/user/infra/font/GmarketSans/GmarketSansMedium.woff2') format('woff2'),
        url('/resources/user/infra/font/GmarketSans/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GmarketSans';
    src: url('/resources/user/infra/font/GmarketSans/GmarketSansBold.woff2') format('woff2'),
        url('/resources/user/infra/font/GmarketSans/GmarketSansBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* NotoSansKR */
@font-face {
    font-family: 'NotoSansKR';
    src: url('/resources/user/infra/font/NotoSansKR/NotoSansKR-Light.woff2') format('woff2'),
        url('/resources/user/infra/font/NotoSansKR/NotoSansKR-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NotoSansKR';
    src: url('/resources/user/infra/font/NotoSansKR/NotoSansKR-Regular.woff2') format('woff2'),
        url('/resources/user/infra/font/NotoSansKR/NotoSansKR-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NotoSansKR';
    src: url('/resources/user/infra/font/NotoSansKR/NotoSansKR-Medium.woff2') format('woff2'),
        url('/resources/user/infra/font/NotoSansKR/NotoSansKR-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NotoSansKR';
    src: url('/resources/user/infra/font/NotoSansKR/NotoSansKR-Bold.woff2') format('woff2'),
        url('/resources/user/infra/font/NotoSansKR/NotoSansKR-Bold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* SCDream */
@font-face {
    font-family: 'SCDream';
    src: url('/resources/user/infra/font/SCDream/SCDream1.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SCDream';
    src: url('/resources/user/infra/font/SCDream/SCDream2.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SCDream';
    src: url('/resources/user/infra/font/SCDream/SCDream3.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SCDream';
    src: url('/resources/user/infra/font/SCDream/SCDream4.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SCDream';
    src: url('/resources/user/infra/font/SCDream/SCDream5.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SCDream';
    src: url('/resources/user/infra/font/SCDream/SCDream6.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SCDream';
    src: url('/resources/user/infra/font/SCDream/SCDream7.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SCDream';
    src: url('/resources/user/infra/font/SCDream/SCDream8.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SCDream';
    src: url('/resources/user/infra/font/SCDream/SCDream9.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/* 251119 수정 */
.exptWrap {padding: 80px 60px; border-radius: 50px; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.exptWrap .tb_col {}
.exptWrap .tb_col {border-top:3px solid #000;}
.exptWrap .tb_col th,
.exptWrap .tb_col td {padding:15px 20px;border-bottom:1px solid #ddd;box-sizing:border-box; text-align: left;;}
.exptWrap .tb_col th {background:#f9f9f9;font-size:18px;text-align:left;font-weight:500;}

.exptWrap .mb50 {margin-bottom: 30px;}
.exptWrap h5 span {font-size: 16px; color: #888; display: inline-block; margin-left: 8px;}
.exptWrap .chk_box_list {display: flex;flex-direction: column;}
.exptWrap .chk_box_list li {height: 30px;display: flex; align-items: center;}
.exptWrap .chk_box_list .chk_box {display: flex; align-items: center; width: 100%;  gap: 14px;}
.exptWrap .chk_box_list .chk_box input {height: 30px;}
.exptWrap .btn_add_career {padding: 4px 8px 6px;border-radius: 4px; display: inline-block; margin-left: 10px;}
.exptWrap .career_item {position: relative; padding-bottom: 10px; margin-bottom: 20px;}
.exptWrap .career_item .btn_del_career {margin-top: 10px; display: none;background: #aaa;color: #fff;padding: 4px 10px;border-radius: 4px; display: block; margin-left: auto; }
.exptWrap .req { color: #e60000; margin-left: 4px; font-weight: bold; font-size: 16px;}

.brd_write {}

.tb_write input {max-width: 800px;}
.tb_write input, .tb_write select{height:40px;border:1px solid #ddd;width:100%;font-size:15px;color:#000;padding:0 10px;box-sizing:border-box;}
.tb_write input + img {display:inline-block;}
.tb_write textarea {border:1px solid #ddd;width:100%;min-height:300px;outline:none;font-size:15px;color:#000;padding:15px;box-sizing:border-box;resize:none;}
.tb_write span {}
.tb_write .btn_file {display: inline-block;vertical-align: middle;overflow: hidden;}
.tb_write .btn_file li {float:left;}
.tb_write .btn_file a {display: inline-block;width:18px;height:18px;border-radius:50%;background:#888 url("/resources/user/cert/images/sub/file_add.png") no-repeat center;text-indent: -9999px;}
.tb_write .btn_file a:hover {background-color:#000;}
.tb_write .btn_file .add {margin:0 3px;}
.tb_write .btn_file .remove a  {background-image:url("/resources/user/cert/images/sub/file_del.png");}

/* Input Size */
.input_100 {max-width:100px !important;}
.input_150 {max-width:150px !important;}
.input_200 {max-width:200px !important;}
.input_300 {max-width:300px !important;}
.input_400 {max-width:400px !important;}
.input_500 {max-width:500px !important;}

/* Check Box */
.chk_box {display: inline-block;vertical-align: middle;margin: 2px 10px 2px 0;}
.chk_box .chk {display:none;}
.chk_box .chk + label {position: relative;display: inline-block;vertical-align: middle;font-size:14px;line-height:16px; color:#555;}
.chk_box .chk + label:before {content:'';display:inline-block;vertical-align: middle;width:18px;height:18px;border-radius:3px;border:1px solid #ccc;margin-right: 5px;}
.chk_box .chk:checked + label {color:#444;}
.chk_box .chk:checked + label:before {background-color:#fff;border-color:#f4441c;}
.chk_box .chk:checked + label:after {content: '';display: inline-block; position: absolute;left:6px;top:6px;width: 7px;height: 3px;border:2px solid #f4441c;border-top:none;border-right:none; transform: rotate(-45deg);}


.exptWrap .td_address input,
.exptWrap .td_address a.btn {margin:2px 0;}
.exptWrap .td_address a.btn {display: inline-block;font-size: 14px;color:#fff;background:#555;text-align: center;padding:0 20px;line-height: 40px;}
.exptWrap .fileUp {display: flex;align-items: center;text-align: left;}
.exptWrap .fileUp dt {font-size: 18px; font-weight: 500;color: #222;width:17%;}
.exptWrap .fileUp dd:nth-child(2) {width: 63%;}
.exptWrap .fileUp dd:nth-child(3) {width: 20%;padding:0 0 0 10px;}

.btn_set ul {display: flex; align-items: center; justify-content: center; gap: 14px;}
.btn_bl {background:#060707;border-color:#094ab0 !important;color:#fff !important;padding:15px 0px; font-size: 18px; border-radius: 10px; min-width: 140px;}
.btn_bl.view {background: #1935bf; min-width: 60px;padding: 10px 0px;}
.btn_bl:hover {background:#07367f;border-color:#07367f !important;}


.exptWrap .mb30 {margin-bottom: 30px;}
.exptWrap .mb50 {margin-bottom: 50px;}
.exptWrap h5 {position: relative; font-size: 20px; font-weight: 500; color: #222; margin-bottom: 20px; padding-left: 15px;}
.exptWrap h5::before{content: "";position: absolute;left: 0; top: 10px; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #094ab0;}
.exptWrap h5 span {font-size: 16px; color: #888; display: inline-block; margin-left: 8px;}
.exptWrap legend {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; border: 0; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap;}
.exptWrap .chk_box_list {display: flex;flex-direction: column;}
.exptWrap .chk_box_list li {height: 30px;display: flex; align-items: center;}
.exptWrap .chk_box_list .chk_box {display: flex; align-items: center; width: 100%;  gap: 14px;}
.exptWrap .chk_box_list .chk_box input {height: 30px;}
.exptWrap .btn_add_career {padding: 6px 8px; border-radius: 4px; display: inline-block; margin-left: 10px; font-size: 16px;}
.exptWrap .career_item {position: relative; padding-bottom: 10px; margin-bottom: 20px;}
.exptWrap .career_item .btn_del_career {margin-top: 10px; display: none;background: #aaa;color: #fff;padding: 4px 10px;border-radius: 4px; display: block; margin-left: auto; }
.exptWrap .req { color: #e60000; margin-left: 4px; font-weight: bold; font-size: 16px;}

@media screen and (max-width:950px){
    .exptWrap {padding: 40px;}
    .exptWrap .tb_col.standardApply td.etcInput dl dt{width: auto;}
    .exptWrap .tb_col.standardApply td.etcInput dl dd{height: auto;}
}

@media screen and (max-width:640px){
    .exptWrap {padding:0; box-shadow: none;}
    .tb_write input {max-width: 100% !important;}
    .exptWrap .td_address a.btn {width: 100%;}
    .exptWrap .tb_col:not(.standardApply) table,
    .exptWrap .tb_col:not(.standardApply) table tr,
    .exptWrap .tb_col:not(.standardApply) table tr th,
    .exptWrap .tb_col:not(.standardApply) table tr td {display: block; width: 100%;}
    .exptWrap .tb_col table {padding: 15px 0;}
    .exptWrap .tb_col tr {padding:15px 15px 15px;border-bottom: 1px solid #ddd;}
    .exptWrap .tb_col th {padding:0 0 10px 0;border: none;background:#fff;}
    .exptWrap .tb_col.standardApply th {padding:10px 0 10px 0;}
    .exptWrap .tb_col.standardApply th {padding:10px 0 10px 5px;font-size: 14px;}
    .exptWrap .tb_col td {padding:0;border: none;}
}
@media screen and (max-width:480px){
    .exptWrap .tb_col th {font-size: 15px;}
}


/* 251119 수정 끝 */