@CHARSET "UTF-8";

fieldset { clear: both; display: table; width: 100%; position: relative; overflow: hidden; }
fieldset button { border: 1px solid #ddd; display: block; width: 100%; height: 100%; padding: 0 .5rem; }
/*개인정보처리방침*/
/* body {margin: 0;padding: 0;line-height: 1.5;font-family: 'NotoSans', '맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum', '굴림', 'Gulim', AppleGothic, UnDotum, Arial, Tahoma, Verdana, sans-serif;font-size: 0.8rem;font-weight: 300;color: #333;} */
form + .tstyle_list,
p + .writeForm.other,
.writeForm.other + .bul_dot,
.numberLst ul,
.numberLst strong + p {margin-top: 0.5rem;}
.numberLst {margin-top: 2rem; word-break: keep-all; }
.numberLst > li {position: relative; padding-left: 2rem; min-height: 1.5rem;}
.numberLst > li + li {margin-top: .8rem;}
.numberLst > li > .number {position: absolute; left: 0;}
em, i {font-style: normal;}
p, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}
ul, ol, li, dl, dt, dd {margin: 0; padding: 0; list-style: none;}
em.number {display: inline-block; margin-right: 0.5rem; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; color: #fff; background: #043763; border-radius: 50%;}
.box.stripe {padding: 1.5rem; border: 0.5rem solid transparent; border-image: url(/_kor/img/sub/pattern01.png) 15% round; overflow: hidden;}
.tstyle_write{table-layout:fixed;}
.tstyle_write .star,
.tstyle_write tbody th label .star {position: static; top: auto; right: auto; color: orange;}
.tstyle_write strong.tbl_tit{ display: block; margin-top:25px; }

.writeForm.other {margin-bottom: 0; border-top: 1px solid #555; overflow: hidden;}
.writeForm.other .tstyle_write {margin-left: -1px;}
.writeForm.other .tstyle_write th, 
.writeForm.other .tstyle_write td {vertical-align: top; border-left: 1px solid #e4e4e4;}
.writeForm.other .tstyle_write th {font-weight: 500;}
.writeForm.other .tstyle_write thead th,
.writeForm.other .tstyle_write tfoot th {padding: .75rem 1rem;}
.writeForm.other .tstyle_write thead th,
.writeForm.other .tstyle_write tbody th,
.writeForm.other .tstyle_write tfoot th {text-align: center; background: #f6f7f9;}
.writeForm.other .tstyle_write tbody th {padding-top: 0.5rem; vertical-align: middle;}
.writeForm.other .tstyle_write td.ver-mid {vertical-align: middle;}

.writeForm.other.center .tstyle_write td {text-align: center;}

.writeForm { margin-bottom: 1.5rem; }
.tstyle_write { width: 100%; border-collapse: collapse; letter-spacing: 0; position: relative; }
.tstyle_write th, .tstyle_write td { font-size: .8rem; padding: .5rem 1rem; border-bottom: 1px solid #e4e4e4; word-break: keep-all; }
.tstyle_write tbody th { color: #333; text-align: left; vertical-align: top; padding-top: .8rem; }
.tstyle_write tbody th label { position: relative; }
.tstyle_write tbody th label .star { color: orange; margin-left: .2rem; position: absolute; right: -.5rem; top: 0; }
.tstyle_write tbody tr td { font-size: .75rem; }
.tstyle_write tbody tr td input#title { width: 100%; }
.tstyle_write tbody tr td textarea { border: 1px solid #ddd; padding: .4rem .7rem; min-height: 200px; width: 100%; }
.tstyle_write tbody tr td.th_add span { font-weight: normal; font-size: 11px; color: #777; letter-spacing: -1px; }
.tstyle_write tbody tr td.add_file th { background-color: #fff; }
.tstyle_write tbody tr td.add_file td { background: url(/upload/skin/board/basic/line_bar.gif) no-repeat left center; border-left: 0; }
.tstyle_write tbody tr td.add_file th span { font-size: 11px; font-weight: normal; color: #717171; }
.tstyle_write tbody tr.file_info td { border-left: none; font-size: 11px; font-weight: normal; color: #717171; }
.tstyle_write tbody tr.file_info th, .tstyle_write tr.file_info td { background: #FCFCFC; padding: 3px 0 3px 70px; }
.tstyle_write tbody td:first-child { border-left: 0; }
.tstyle_write tbody tr.add_file td input { border: none !important; }
.tstyle_write tbody tr td input.line-no { border: none !important; }
.tstyle_write .ui-datepicker-trigger { padding: 0; vertical-align: top; }
.tstyle_write .xi-calendar-check { font-size: 1.2rem; margin: .4rem 0 0 -1.8rem; }
.tstyle_write .date_term { display: inline-block; margin: 0 .5rem; }
.tstyle_write .gallery_help { display: inline-block; font-size: .7rem; margin-left: .5rem; }
.tstyle_write .selectBox { width: 100%; height: 1.5rem; padding: 0 .5rem; }

.tstyle_write tbody tr td input[id="onlineSubmit"] { border: 1px solid #ddd; padding: 0 !important; width: 105%; }



div.tstyle_view div.tb_contents {word-break: normal;}
div.tstyle_view ul.head li ~ li{ padding-left: 1rem; margin-left: .8rem;}
/* H* 타이틀 */
[class^="h0"] {position: relative; padding-left: 1rem; color: #222;}
.tabBox .tabData > li dt:before,
.tabBox .tabData > li dd:before,
.h03::before,
[class^="h0"]::after {position: absolute; left: 0; content: "";}
.h03_1::before,
[class^="h0"]::after {position: absolute; left: 0; content: "";}
.h03_2::before,
[class^="h0"]::after {position: absolute; left: 0; content: "";}

.h03 {margin: 2.5rem 0 1.4rem; line-height: 1; letter-spacing: -0.05em; font-size: 1.3rem;  font-weight: 700;}
.h03_1 {margin: 20.5rem 0 1.4rem; line-height: 1; letter-spacing: -0.05em; font-size: 1.3rem;  font-weight: 700;}
.h03_2 {margin: 1.5rem 0 1.4rem; line-height: 1; letter-spacing: -0.05em; font-size: 1.3rem;  font-weight: 700;}
.h04 {margin: 1.45rem 0 .5rem; font-size: 1rem;  font-weight: 700;}
.h05 {margin: 1rem 0 0.5rem 1.2rem; padding-left: 0.8rem; font-size: 0.9rem;}
.h06 {margin: 1rem 0 0.5rem; padding-left: 0; font-weight: 700; color: #043763;}
.h03::before {top: 7px; width: 15px; height: 6px; background: rgba(69,96,194,0.7); transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.h03_1::before {top: 7px; width: 15px; height: 6px; background: rgba(69,96,194,0.7); transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.h03_2::before {top: 7px; width: 15px; height: 6px; background: rgba(69,96,194,0.7); transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.h03::after {top: 14px; width: 15px; height: 6px; background: rgba(97,67,173,0.7); transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.h03_1::after {top: 14px; width: 15px; height: 6px; background: rgba(97,67,173,0.7); transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.h03_2::after {top: 14px; width: 15px; height: 6px; background: rgba(97,67,173,0.7); transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.tabBox .tabData > li dt:before,
.h05::after {top: 0.55rem; width: 4px; height: 7px; background: #4e69cc;}
.bul_dot {word-break: keep-all;}



fieldset { display: block;  width: 100%; min-width: 0;  border: none; margin: 0;padding: 0;}

fieldset select, 
fieldset input, 
fieldset button { border: 1px solid #ddd; display: inline-block; height: 100%; padding: 0 .5rem; }
fieldset span { display: inline-block; margin-left: 0.2rem; }
fieldset span[class^="form-"] { height: 2rem; vertical-align: middle; }
fieldset span:first-of-type { margin-left: 0; }
fieldset span.form-select { min-width: 7.5rem; position: relative; }
fieldset span.form-select select.privacy { min-width: 12.5rem; position: relative; }
fieldset span.form-select::after { content: '\e936'; color: #333; position: absolute; right: 0.5rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-family: "xeicon"; }
fieldset span.form-select select { min-width: 7.5rem; width: 100%; background-color: transparent; -webkit-appearance: none; position: relative; z-index: 1; }
fieldset span.form-select select::-ms-expand { display: none; }
fieldset span.form-input { width: 12rem; }
fieldset * + span.form-select {margin-left: 0.25rem;}

fieldset input[type="checkbox"], 
fieldset input[type="radio"] {position: absolute; left: 0; top: 0; opacity: 0;}
fieldset input[type="checkbox"] + label, 
fieldset input[type="radio"] + label {display: inline-block; position: relative; padding-left: 1.6rem; margin-right: 1rem;}
fieldset input[type="checkbox"] + label::before, 
fieldset input[type="radio"] + label::before {content: ""; position: absolute; left: 0; top: 3px; width: 19px; height: 19px; border: 1px solid #c7c7c7; cursor: pointer;}
fieldset input[type="radio"] + label::before {border-radius: 50%;}
fieldset input[type="radio"] + label::after {content: ""; display: block; opacity: 0; width: 9px; height: 9px; background-color: #333; border-radius: 50%; position: absolute; left: 5px; top: 8px; z-index: 1;}
fieldset input[type="checkbox"] + label::after {content: "\e929"; width: 19px; height: 19px; text-align: center; background-color: #333; border: 1px solid #333; color: #fff; font: normal 16px "xeicon"; position: absolute; left: 0; top: 3px; z-index: 2; cursor: pointer; opacity: 0;}
fieldset input[type="checkbox"]:focus + label::before, 
fieldset input[type="radio"]:focus + label::before {border-color: #333;}
fieldset input[type="checkbox"]:checked + label::after, 
fieldset input[type="radio"]:checked + label::after {opacity: 1;}
#form-span {line-height: 2rem;}

fieldset span.form-btn { min-width: 2rem; }
fieldset span { display: inline-block; vertical-align: middle; height: 2rem; }
fieldset span.form-select select::-ms-expand { display: none; }
fieldset span.form-select select { min-width: 7.5rem; width: 100%; background-color: transparent; -webkit-appearance: none; position: relative; z-index: 1; }
fieldset span.form-select select::-ms-expand { display: none; }

.btn-line {
    display: inline-block;
    min-width: 6.8rem;
    /* width: 49%;  */
    border: 1px solid #999;
    background-color: #fff;
    padding: .35rem .75rem;
    position: relative;
    -webkit-transition: all .25s;
    transition: all .25s;
}

.btn-line i {
    position: absolute;
    right: 0.6rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #333;
}

.btn-line:hover {
    background-color: #333;
    color: #fff;
}

.process.step01 {display: table; overflow: hidden; width: calc(100% + 2rem); table-layout: fixed;}
.process.step01 > li {display: table-cell; overflow: hidden; position: relative; padding-top: 1rem; padding-right: 2rem; text-align: center; vertical-align: top;}
/* .process.step01 > li::before {position: absolute; left: 0; bottom: 1px; right: 2rem; z-index: -1; height: 1000000%; background-color: #e0e3eb; content: '';}*/
.process.step01 > li::after {position: absolute; right: 0; top: 1.25rem; width: 2rem; font-family: 'xeicon'; font-size: 1rem; color: #222; content: "\eb36"; text-align: center;}
.process.step01 > li:last-child::after {display: none !important;}

.process.step01 > li > span {padding:15px;}
.process.step01 > li > .step01_w152 {display: block; padding-bottom: 1rem; background: #e0e3eb; width: 137px; height: 155px;}
.process.step01 > li > .step02_w200 {display: block; padding-bottom: 1rem; background: #e0e3eb; width: 183px; height: 160px;}
.process.step01 > li > .now_blue {color: #fff !important; background-color: #4560c2 !important;}
.process.step01 > li > .now {color: #fff !important; background-color: #3a1c84 !important;}
.process.step01 > li::after {top: 4.5rem;}
.process.step01 > li > span .space {display: block;}
.process.step01.step02 > li::after {top: 4.25rem;}

.list_dot > span.pri_down {color: #4560c2;}

@media screen and (max-width: 640px){
    .process.step01 {display: block; width: 100% !important;}
    .process.step01 > li {display: block; overflow: visible; float: none !important; width: 100% !important; margin: 0 !important; padding-right: 0 !important;}*/
    .process.step01 > li::before {right: 0 !important; bottom: 1rem; height: calc(100% - 1rem);}
    .process.step01 > li::after {display: block; position: static; width: 100% !important; height: 1rem; content: ''; line-height: 1rem;}
    .process.step01 > li:last-child::before {bottom: 0; height: 100%;}
    .process.step01 > li span br {display: none;}    
    .process.step01 > li > .step01_w152 {display: block; padding-bottom: 1rem; background: #e0e3eb; width: 232px; height: auto;}
	.process.step01 > li > .step02_w200 {display: block; padding-bottom: 1rem; background: #e0e3eb; width: 232px; height: auto;}
	
	.list_dot > span.pri_down{display: block; margin-left: 0 !important;}
	.list_dot > span.pri_down > a > span {margin-left: 20px;margin-top: 11px;margin: 10px 0 10px 20px;}

   .writeForm.other .tstyle_write thead th, .writeForm.other .tstyle_write tbody th,  .writeForm.other .tstyle_write tbody td{ word-break: break-all;} /* 띄어쓰기가 없어도 줄바꿈 됩니다. */
}
@media screen and (max-width: 1023px){
	.list_dot > span.pri_down{display: block; margin-left: 0 !important;}	
}