@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url(../font/pretendard/woff2-subset/Pretendard-Black.subset.woff2) format('woff2'), url(../font/pretendard/woff-subset/Pretendard-Black.subset.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url(../font/pretendard/woff2-subset/Pretendard-ExtraBold.subset.woff2) format('woff2'), url(../font/pretendard/woff-subset/Pretendard-ExtraBold.subset.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url(../font/pretendard/woff2-subset/Pretendard-Bold.subset.woff2) format('woff2'), url(../font/pretendard/woff-subset/Pretendard-Bold.subset.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url(../font/pretendard/woff2-subset/Pretendard-SemiBold.subset.woff2) format('woff2'), url(../font/pretendard/woff-subset/Pretendard-SemiBold.subset.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url(../font/pretendard/woff2-subset/Pretendard-Medium.subset.woff2) format('woff2'), url(../font/pretendard/woff-subset/Pretendard-Medium.subset.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url(../font/pretendard/woff2-subset/Pretendard-Regular.subset.woff2) format('woff2'), url(../font/pretendard/woff-subset/Pretendard-Regular.subset.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url(../font/pretendard/woff2-subset/Pretendard-Light.subset.woff2) format('woff2'), url(../font/pretendard/woff-subset/Pretendard-Light.subset.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url(../font/pretendard/woff2-subset/Pretendard-ExtraLight.subset.woff2) format('woff2'), url(../font/pretendard/woff-subset/Pretendard-ExtraLight.subset.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url(../font/pretendard/woff2-subset/Pretendard-Thin.subset.woff2) format('woff2'), url(../font/pretendard/woff-subset/Pretendard-Thin.subset.woff) format('woff');
}

:root {
	--line-spacing-70 : 70px;
	--line-spacing-50 : 40px;
	--line-spacing-40 : 40px;
	--line-spacing-35 : 35px;
	--line-spacing-30 : 30px;
	--line-spacing-25 : 25px;
	--line-spacing-20 : 20px;
	--pd-4035 : 40px 35px;
	
	--f-size26 : 26px;
	--f-size25 : 25px;
	--f-size22 : 22px;
	--f-size20 : 20px;
	--f-size18 : 18px;
	--f-size16 : 16px;
	--f-size14 : 14px;
	--line-radius-40 : 40px;
}
@media screen and (max-width:1024px){
	:root {
		--line-spacing-70 : 50px;
		--line-spacing-50 : 35px;
		--line-spacing-40 : 30px;
		--line-spacing-35 : 25px;
		--line-spacing-30 : 22px;
		--line-spacing-25 : 20px;
		--pd-4035 : 30px 25px;
		
		--f-size26 : 22px;
		--f-size25 : 22px;
		--f-size22 : 20px;
		--f-size20 : 18px;
		--f-size18 : 17px;
		--f-size16 : 15px;
		--line-radius-40 : 24px;
	}
}
@media screen and (max-width:768px){
	:root {
		--line-spacing-70 : 30px;
		--line-spacing-50 : 25px;
		--line-spacing-40 : 25px;
		--line-spacing-35 : 20px;
		--line-spacing-30 : 18px;
		--line-spacing-25 : 15px;
		--line-spacing-20 : 15px;
		--pd-4035 : 25px 20px;
		
		--f-size26 : 18px;
		--f-size25 : 20px;
		--f-size22 : 18px;
		--f-size20 : 16px;
		--f-size18 : 15px;
		--f-size16 : 14px;
		--f-size14 : 13px;
		--line-radius-40 : 20px;
	}
}

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; }
html { width:100%; height:100%; }
body {
	width:100%; 
	min-width:320px;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
@media screen and (min-width:0\0){body{margin-right:1px;}}/*ie9~10�쟻�슜�빑*/
@media screen and (max-width:1440px){
	body{margin:0 auto;}
}
body,code {font-size:13px; font-family:'Pretendard',Malgun Gothic,"留묒� 怨좊뵓",Dotum,AppleGothic,sans-serif; color:#555555; }
li { list-style:none; }
img,fieldset { border:none; outline:none; vertical-align:top; }
th,td { border:0; vertical-align:top; }
input,select,textarea { font-size:13px; font-family:'Pretendard',Malgun Gothic,"留묒� 怨좊뵓",Dotum,AppleGothic,sans-serif; color:#555555; vertical-align:middle; outline:none;}
button { overflow:visible; padding:0; margin:0; border:0; cursor:pointer; }
input[type='radio'] {border:none;}
a { text-decoration:none; color:#555555; outline:none;}
a:hover { text-decoration:none; color:#3E7CE1; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s;}
a:active { text-decoration:none; }

input::placeholder {
  color:#c3c3c3;
  font-size:var(--f-size14);
}
textarea::placeholder {
  color:#c3c3c3;
  font-size:var(--f-size14);
}
textarea:disabled, input:disabled {
    background-color: rgb(235, 235, 228);
}

.subContents {
    width: 100%;
    max-width:1440px;
    margin: 0 auto;
    padding: var(--line-spacing-50) 0;
    box-sizing:border-box;
}
.subContents img {
    max-width: 100%;
}
.sub1 .section1 { 
    width: 100%;
}
.sub1 .section1 .title { 
    font-size: var(--f-size25);
    color: #000;
}
.sub1 .section1 .contents {
    margin-top: var(--line-spacing-35);
}
.sub1 .section1 .contents .check {
    margin-top: var(--line-spacing-25);
}
.sub1 .section2 {
    width: 100%;
    margin-top: var(--line-spacing-70);
}
.sub1 .section2 .title {
    position: relative;
    font-size: var(--f-size25);
    color: #000;
}
.sub1 .section2 .title .titleNotice {
    position: absolute;
    right: 0;
    top: 0;
    font-size: var(--f-size18);
    color: #777;
    font-weight: normal;
}
.sub1 .section2 .title .titleNotice .require {
    margin-right: 5px;
}
.sub1 .section2 .title .titleNotice .require { 
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url("../images/board_st4.png") no-repeat center; 
}
.sub1 .section2 .contents {
    margin-top: var(--line-spacing-30);
    border-top: 2px solid #000;
}

.sub1 .btnArea { margin-top:var(--line-spacing-50);}

.subContents textarea { 
    width: 100%;
    padding: var(--pd-4035);
    height: 225px;
    box-sizing:border-box;
    font-size: var(--f-size16);
    line-height: 180%;
    overflow-y: auto;
    background: #f5f6f8;
    color: #777;
    border: 0;
    border-radius:25px;
    resize: none;
}
.subContents .check {
    color: #00adee;
    font-size: var(--f-size18);
	margin-left:5px;
 }
.subContents .check input[type="checkbox"]{ 
    display: none;
}
.subContents .check input[type="checkbox"] + label{
    display: inline-block;
    height: 24px;
	padding-left:26px;
    position: relative;
    background: url("../images/board_st1.png") no-repeat left center;
    vertical-align: middle;
}
.subContents .check input[type="checkbox"]:checked + label::after{ 
    content:'✔';
    font-size: 12px;
    width: 16px;
    height: 16px;
    text-align: center;
    position: absolute;
    left: 0;
    top:3px;
    color: #fff;
    background: #00adee;
}
.subContents .tableContents {
    width: 100%;
	display:flex;
	flex-direction: column;
	gap:var(--line-spacing-40);
	padding:var(--line-spacing-40) 0;
	
}
.subContents .tableContents .boxWrap {
    display: flex;
    flex-wrap: wrap;
    gap:var(--line-spacing-35);
}
.subContents .tableContents .boxWrap.addLine {
    border-bottom:1px solid #ddd;
    padding-bottom: var(--line-spacing-40);
}
.subContents .tableContents .inputBox {
    flex: 1 1 40%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-item: center;


}
.subContents .tableContents .boxWrap .devideWrap {
    display: flex;
    gap:var(--line-spacing-20);
    flex-wrap: wrap;
    flex: 1 1 40%;
}
.subContents .tableContents .boxWrap .devideWrap .inputBox {
    flex: 1 1 60%;
}
.subContents .tableContents .boxWrap .devideWrap .inputBox .address {
    margin-top: 15px;
}
.subContents .tableContents .boxWrap .devideWrap .inputBox .address input[type="text"]:first-child {
    margin-bottom: 15px;
}

.subContents .tableContents .boxWrap .devideWrap .inputContents.devide input[type="text"]{
    width: 170px;
}
.subContents .tableContents .inputTitle {
    line-height: 100%;
    font-size: var(--f-size18);
    color: #000;
    font-weight: 600;
}
.subContents .tableContents .inputTitle.require:after {
    content:"";
    position: relative;
    top: -4px;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 5px;
    background: url("../images/board_st4.png") no-repeat center;
}
.subContents .tableContents .inputContents {
    margin-top: var(--line-spacing-25);
    line-height: 100%;
}
.subContents .tableContents .inputContents.devide {
    display: flex;
    gap:10px;
}
.subContents .tableContents .inputContents.devide button {
    width: 85px;
    border-radius:10px;
}
.subContents .tableContents .notice {
    font-size: var(--f-size18);
    color: #999;
}
.subContents .btnArea {
    width: 100%;
	display:flex;
	justify-content: center;
}
.subContents .btnArea button {
    width: 200px;
    height: 60px;
    font-size: var(--f-size18);
    font-weight: 600;
    border-radius:30px;
    margin: 0 10px;
}
.subContents .btnGray {
    background: #565656;
    color: #fff;
}
.subContents .btnBlack {
    background: #000;
    color: #fff;
}
.subContents .btnPoint {
    background: #00adee;
    color: #fff;
}

input[type="text"] {
    background: #fff;
    height: 50px;
    line-height: 50px;
    font-size: var(--f-size18);
    color: #000;
    width: 100%;
    padding: 0 15px;
    border-radius:10px;
    border: 1px solid #ddd;
    box-sizing:border-box;
	outline:none;
}
input[type="text"]:disabled {
    background: #f5f6f8;
}

label.select select {
    background: #f5f6f8;
    height: 50px;
    line-height: 50px;
    font-size: var(--f-size18);
    color: #000;
    width: 100%;
    padding: 0 15px;
    border-radius:10px;
    border: 1px solid #ddd;
    box-sizing:border-box;
}

label.radio {
    display: inline-block;
    font-size: var(--f-size18);
    margin-right: var(--line-spacing-30);
    margin-bottom: 15px;
}
.radio [type="radio"], .radio span {
    vertical-align: middle;
}
.radio [type="radio"] {
    appearance: none;
    width: 16px;
    height: 16px;
    background: url("../images/board_st2.png") no-repeat center;
    padding: 0;
    margin-right: 5px;
}

.radio [type="radio"]:checked,
.radio [type="radio"]:focus-visible,
.radio [type="radio"]:hover {
    background: url("../images/board_st3.png") no-repeat center;
    cursor: pointer;
}

.radio [type="radio"]:hover + span {
  cursor: pointer;
}

.radio [type="radio"]:disabled {
  background-color: lightgray;
  box-shadow: none;
  opacity: 0.7;
  cursor: not-allowed;
}

.radio [type="radio"]:disabled + span {
  opacity: 0.7;
  cursor: not-allowed;
}


.ChkTB {clear:both; width:100%; padding: var(--line-spacing-tb100); box-sizing: border-box;}
.ChkTB .topImg {text-align:center; }
.ChkTB .topImg .txt { font-size:var(--f-size26); color:#000; padding:var(--line-spacing-40) 0; box-sizing: border-box;}
.ChkTB .TBForm {clear:both; max-width:660px; margin:0 auto; text-align:center;}
.TBFormContain {clear:both; width:100%; border-top:1px solid #dcdcdc;  margin:0 auto; text-align:center; padding-top:var(--line-spacing-40);}
.TBFormContain:after {clear:both; display:block; content:"";}
.TBFormContain ul li {clear:both; padding-bottom:4px; }
.TBForminputArea {width:100%; margin:0 auto; text-align:center; display:flex; flex-direction: column; gap:var(--line-spacing-20);  box-sizing: border-box;}
.TBForminputArea input {display:block; clear:both; width:100%; box-sizing: border-box; }
.TBForminputArea input[type="text"]{background-color:#F5F6F8; border-radius:5px; }
#submit_btn {
	border-radius:var(--line-radius-40);
	order: 1px solid #333;
    background: #333;
    color: #fff;
    font-size: 15px;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
	height: 50px;
    line-height: 50px;
}
.TBForminputArea li span {display:block; margin-bottom:10px; font-size:var(--f-size18); color:#000; text-align:left; }
.TBForminputArea li a { font-size:var(--f-size18); color:#000;}
.TBForminputArea li a:hover {color:#338ee1;}

.table_basic_box {
	padding:0;
	border-spacing:0px;
	border-collapse:collapse;
	width:100%;
	border-top:1px solid #ddd;
	font-size:var(--f-size16);
	line-height:180%;
	border-right:1px solid #ddd;
}
.table_basic_box th { padding:14px 10px; border:1px solid #ddd; border-width: 0 0 1px 1px;  background:#f8f8f8; color:#333; vertical-align:middle; font-size:var(--f-size16);}
.table_basic_box .Tit {background:#fff; font-size:var(--f-size16); padding:20px 0; }
.table_basic_box th img {margin:3px 3px 0 0;}
.table_basic_box td { padding:14px 10px; border:1px solid #ddd; border-width: 0 0 1px 1px; text-align:center; vertical-align:middle;}
.table_basic_box .text_left{text-align:left;}
.table_basic_box .text_right{text-align:right;}

.table-container + .table_basic_box {margin-top:var(--line-spacing-40);}

@media screen and (max-width:1024px){
    .subContents .tableContents .boxWrap .inputBox,
    .subContents .tableContents .boxWrap .devideWrap {
        flex-basis: 100%;
    }
	.subContents textarea {
		height:180px;
	}
	.table-container {
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
    }
	.table-container table {
        width: 840px;
    }
	
	.table_basic_box.response colgroup col { width:auto !important;}
	.table_basic_box.response th,
	.table_basic_box.response td {display:block; border-width:0 0 1px 0;}
}
@media screen and (max-width:768px){
	.subContents .check input[type="checkbox"] + label { height:20px; }
	.subContents .check input[type="checkbox"]:checked + label::after{
		top:2px;
		height:14px;
	}
	.subContents .btnArea button {margin:0 5px;}
}