@charset "utf-8";


/* ======================================================
   공통
=========================================================*/
.mn_l1.selected {}
.mn_l1.selected a {color:#1292a4; }

#tov-vis {width: 100%; height: 130px;}
#tov-vis.vis01 {background: url("../images/Sub/vis01.jpg") no-repeat center center; background-size:auto 100%; }
#tov-vis.vis02 {background: url("../images/Sub/vis02.jpg") no-repeat center center; background-size:auto 100%; }
#tov-vis.vis03 {background: url("../images/Sub/vis03.jpg") no-repeat center center; background-size:auto 100%; }
#tov-vis.vis04 {background: url("../images/Sub/vis04.jpg") no-repeat center center; background-size:auto 100%; }
#tov-vis.vis05 {background: url("../images/Sub/vis05.jpg") no-repeat center center; background-size:auto 100%; }
#tov-vis.vis061 {background: url("../images/Sub/vis06-1.jpg") no-repeat center center; background-size:auto 100%; }
#tov-vis.vis062 {background: url("../images/Sub/vis06-2.jpg") no-repeat center center; background-size:auto 100%; }
#tov-vis.vis07 {background: url("../images/Sub/vis07.jpg") no-repeat center center; background-size:auto 100%; }
#tov-vis.vis08 {background: url("../images/Sub/vis08.jpg") no-repeat center center; background-size:auto 100%; }
#tov-vis.vis09 {background: url("../images/Sub/vis09.jpg") no-repeat center center; background-size:auto 100%; }

.con {margin-top: 30px;}
div#title {height: 45px; border-bottom: 1px solid #c3c3c3;}
div#title p {font-size: 22px; color: #047282; line-height: 45px; font-weight: 500;}
p.subtitle {font-size: 18px!important; line-height: 150%!important; font-weight: 500; margin: 25px 0; color: #585858!important;}

input[type="text"] {padding: 5px; box-sizing: border-box;}
input[type="radio"] {margin-right: 5px;}
label {margin-right: 15px;}

/* clearfix */
.clearfix {*zoom:1;}
.clearfix:before, .clearfix:after {display:block; content: ''; line-height: 0;}
.clearfix:after {clear: both;}

.n {background: url("../images/Content/icon-n.png") no-repeat center center; background-size: contain;width: 11px; height: 13px; vertical-align: middle; display: inline-block; padding-left: 0!important; margin-left: 3px!important;}
.new {background: url("../images/Content/icon-new.png") no-repeat center center; background-size: contain;width: 28px; height: 13px; vertical-align: middle; display: inline-block; padding-left: 0!important; margin-left: 3px!important;}
.re {background: url("../images/Content/icon-re.png") no-repeat center center; background-size: contain;width: 28px; height: 13px; vertical-align: middle; display: inline-block; padding-left: 0!important; margin-left: 3px!important;}


span.red {color: #FF0000; margin-right: 5px; font-weight: bold;}
span.space {color: transparent; margin-right: 5px; font-weight: bold;}
span.underline {text-decoration: underline;}
.bold {font-weight: bold;}

.btn-g {text-align: center; padding-bottom: 100px; margin-top: 40px; position: relative;}
.btn {display: inline-block; margin: 0 5px; position:relative;border-radius: 5px; width: 110px; height: 40px;}
.btn1 {background: #797979;}
.btn2 {background: #3e84bf;}
.btn3 {background: #1292a4;}
.btn4 {background: #ff4e00;}
.btn-g .btn-list {background: #1292a4;}
.btn a {display: flex;justify-content: center;align-items: center; width: 100%; height: 100%; box-sizing: border-box; color: #fff; }
.search-wrap {height: 40px; margin: 10px 0; position: relative;}
#search {display: flex; float: right; align-items: center;}
#search:after {content: ""; clear: both; }
#search select {border: 1px solid #7e7e7e; padding: 5px; box-sizing: border-box;}
#search input {border: 1px solid #7e7e7e; padding: 5px; box-sizing: border-box; margin: 0 10px;}
#search .btn-search {width: 55px; height: 30px; background: #797979; color: #fff; cursor: pointer; text-align: center ;line-height: 30px; border-radius: 5px;}

.page {margin-top: 40px; margin-bottom: 100px;}
.page ul {display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.page ul li {width: 30px; height: 30px; border: 1px solid #a1a1a1; color: #333333; margin: 3px; position: relative;}
.page ul li a {width: 100%; height: 100%; position: absolute; top: 0; left: 0; color: #333333; display: flex; justify-content: center; align-items: center;}
.page ul li:first-child a span {width: 0; height: 0; display: inline-block; border: 4px solid transparent; border-right: 6px solid #000; position: relative; left: -2px;}
.page ul li:nth-child(2) a span {width: 0; height: 0; display: inline-block; border: 4px solid transparent; border-right: 6px solid #000; position: relative; left: -5px;}
.page ul li:nth-child(2) a span:before {content: ""; width: 0; height: 0; display: inline-block; border: 4px solid transparent; border-right: 6px solid #000; position: absolute; top: 50%; left: 8px; transform: translate(-50%,-50%)}
.page ul li:last-child a span {width: 0; height: 0; display: inline-block; border: 4px solid transparent; border-left: 6px solid #000; position: relative; left: 2px;}
.page ul li:nth-child(19) a span {width: 0; height: 0; display: inline-block; border: 4px solid transparent; border-left: 6px solid #000; position: relative; left: 5px;}
.page ul li:nth-child(19) a span:before {content: ""; width: 0; height: 0; display: inline-block; border: 4px solid transparent; border-left: 6px solid #000; position: absolute; top: 50%; left: -8px; transform: translate(-50%,-50%)}
.page ul li.selected {background:#515151; }
.page ul li.selected a { color: #fff;}

.page ul li:hover {background: #515151;}
.page ul li:hover a {color: #fff; }
.page ul li:nth-child(1):hover a span { border-right: 6px solid #fff;}
.page ul li:nth-child(2):hover a span { border-right: 6px solid #fff;}
.page ul li:nth-child(2):hover a span:before { border-right: 6px solid #fff;}
.page ul li:nth-child(20):hover a span {border-left: 6px solid #fff;}
.page ul li:nth-child(19):hover a span {border-left: 6px solid #fff;}
.page ul li:nth-child(19):hover a span:before {border-left: 6px solid #fff;}

/*팝업*/
.popwrap {display: none; z-index: 3500;}
.popwrap .popup {width: 420px; height: 450px; border: 3px solid #208bad; background: #fff; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 3500;}
.popwrap .popup .top {background: #208bad; height: 40px; text-align: center; position: relative;}
.popwrap .popup .top p {text-align: left; color: #fff; font-size: 20px; font-weight: 600; line-height: 40px; margin-left: 15px; margin: 0;}
.popwrap .popup .top .close {width: 25px; height: 25px; border: 1px solid #e3f3f0; position: absolute; top: 7px; right: 7px;}
.popwrap .popup .top .btn-close {display: block; width: 100%; height: 100%;}
.popwrap .popup .top .btn-close:before {content:""; display:block; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%) rotate(-40deg); width: 2px; height: 16px; background: #e3f3f0}
.popwrap .popup .top .btn-close:after {content:""; display:block; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%) rotate(40deg); width: 2px; height: 16px; background: #e3f3f0}
.popwrap .popup .con {padding: 35px; box-sizing: border-box; margin-top: 0; height: calc(100% - 40px); position: relative;}
.popwrap .popup .con #search-wrap {text-align: right; margin-bottom: 20px;}
.popwrap .popup .con #search-wrap input {height: 32px;}
.popwrap .popup .con #search-wrap .btn-search {background: #797979; width: 55px; margin-left: 10px;}
.popwrap .popup .con .table1 tr:first-child {background: #ececec;  font-weight: 500;}
.popwrap .popup .con .table1 tr:first-child td {font-weight: 500;}
.popwrap .popup .con .table1 tr td {font-weight: 400; height: 35px; line-height: 35px;}
.popwrap .popup .con .table1 tr:hover {background: #eefcfe;}


.popwrap .popup1 {width: 305px; height: 285px; border: 1px solid #b6b6b6; background: #fff; position: fixed; top: 50%;left: 50%; transform: translate(-50%,-50%); z-index: 3500;}
.popwrap .popup1 .top {background: #047282; height: 50px; text-align: center;}
.popwrap .popup1 .top p {text-align: center; font-weight: 500; line-height: 50px; color: #fff; font-size: 20px; margin: 0;}
.popwrap .popup1 .top .close {width: 25px; height: 25px; border: 1px solid #e3f3f0; position: absolute; top: 11px; right: 10px;}
.popwrap .popup1 .top .btn-close {display: block; width: 100%; height: 100%;}
.popwrap .popup1 .top .btn-close:before {content:""; display:block; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%) rotate(-40deg); width: 2px; height: 16px; background: #e3f3f0}
.popwrap .popup1 .top .btn-close:after {content:""; display:block; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%) rotate(40deg); width: 2px; height: 16px; background: #e3f3f0}
.popwrap .popup1 .con {padding: 50px 30px; box-sizing: border-box; margin-top: 0; height: calc(100% - 50px); position: relative; text-align: center;}
.popwrap .popup1 .con .txt1 {font-size: 16px; }
#findwrap  .popup1 .con .txt1 {text-align: left}
.popwrap .popup1 .con .txt2 {font-size: 20px; position: relative; top: 15px;}
.popwrap .popup1 .con .btn {background: #797979; width: 90px; height: 30px; position: absolute; left: 50%; bottom: 50px; transform: translateX(-50%);}
.popwrap .popup1 .con .btn a {line-height: 30px;}




@media only screen and (max-width: 999px) {
	.mn_l1.selected a span:after {display: none;}
	
}

@media only screen and (max-width: 768px) {
	div#title {height: auto; padding: 10px 0;}
	div#title p {word-break: keep-all; line-height: 120%;}	
	
	.btn-g {display: flex; justify-content: center;}
	
	.page ul li {width: 25px; height: 25px; }
}


/* ======================================================
   sub01
=========================================================*/
.intro {background: #e5f1f3; padding: 20px 25px; box-sizing: border-box; border-radius: 10px; margin: 15px 5px; }
.intro p {font-size: 16px; color: #4b4b4b; line-height: 120%;}

#sub01-ul {padding:0 45px; box-sizing: border-box; display: inline-block; margin-bottom: 100px; width: 100%;}
#sub01-ul>li {list-style:decimal; margin-bottom: 40px; display: list-item; width: 100%;}

#sub01-ul .curri {}
#sub01-ul .curri li {display: flex; margin-bottom: 5px;}
#sub01-ul .curri li .l1 {display: flex; justify-content: center; align-items: center; text-align: center; flex-direction: column; color: #fff; font-weight: 500; width: 28%; border: 1px solid #bdbdbd; box-sizing: border-box; font-size: 20px;}
#sub01-ul .curri li .l1 .small {font-size: 16px; display: block;}
#sub01-ul .curri li:nth-child(1) .l1 {background: #ed7d31;}
#sub01-ul .curri li:nth-child(2) .l1 {background: #70ad47;}
#sub01-ul .curri li:nth-child(3) .l1 {background: #5b9bd5;}
#sub01-ul .curri li .l2 {padding: 10px; box-sizing: border-box; display: inline-block; width: 72%; border: 1px solid #bdbdbd; margin-left: 5px;}

#sub01-ul td.group {background: #e5f1f3; color:#484848; font-size: 14px; width: 50px!important; text-align: center; padding: 0!important;}
#sub01-ul .light {font-weight: 400; margin-left: 5px;}
#sub01-ul .recruit-sche {width: 30%; float: left;}
#sub01-ul .recruit-sche tr:first-child {background: #1d93a7; color: #fff; border: 1px solid #bdbdbd; text-align: center;}
#sub01-ul .recruit-sche tr:first-child td {color: #fff; font-size: 16px;}
#sub01-ul .recruit-sche td {border: 1px solid #bdbdbd; font-size: 14px; color: #484848; height: 35px; padding: 5px 10px; box-sizing: border-box; font-weight: 500;}
#sub01-ul .edu-sche {width: 69%; float: right;}
#sub01-ul .edu-sche tr:first-child {background: #1d93a7; color: #fff; border: 1px solid #bdbdbd; text-align: center;}
#sub01-ul .edu-sche tr:first-child td {color: #fff; font-size: 16px;}
#sub01-ul .edu-sche td {border: 1px solid #bdbdbd; font-size: 14px; color: #484848; height: 35px; padding: 5px 10px; box-sizing: border-box; font-weight: 500;}

#sub01-ul li:nth-child(4) {width: 40%; float: left;}
#sub01-ul li:nth-child(4) p {color: #1d93a7; font-size: 16px; line-height: 180%; font-weight: 500; }
#sub01-ul li:nth-child(5) {width: 55%; float: right;}
#sub01-ul li:nth-child(5) p {color: #1d93a7; font-size: 16px; line-height: 180%; font-weight: 500; }
#sub01-ul li:nth-child(5) .small {color: #000; font-size: 13px; font-weight: 400; margin-left: 20px;}



@media only screen and (max-width: 768px) {
	#sub01-ul {padding:0 20px;}
	
	#sub01-ul .curri li {flex-direction: column;}
	#sub01-ul .curri li .l1 {width: 100%; flex-direction: row; height: 40px;}
	#sub01-ul .curri li .l1 .small {margin-left: 10px;}
	#sub01-ul .curri li .l2 {width: 100%; margin-left: 0;}
	#sub01-ul .light {display: block; word-break: break-all; white-space: normal;}
	#sub01-ul .recruit-sche {width: 100%; float: none; margin-bottom: 15px;}
	#sub01-ul .edu-sche {width: 100%; float: none;}
	
	#sub01-ul li:nth-child(4) {width: 100%; float: none;}
	#sub01-ul li:nth-child(5) {width: 100%; float: none;}
}


/* ======================================================
   sub0201
=========================================================*/
#sub0201 #title {border-bottom: none;}

#sub02-tab {border-bottom: 1px solid #c3c3c3; margin-top: 40px;}
#sub02-tab ul {display: flex; justify-content: space-between; align-content: center; width: 60%; margin: auto;}
#sub02-tab ul li {width: 33%; background: #c2c2c2; text-align: center; line-height: 40px; border-radius: 5px;}
#sub02-tab ul li.selected {background: #1d8fd8;}
#sub02-tab ul li a {display: block; color: #FFF;}

.inputbox {padding: 30px;}
.inputbox .table1 {margin-bottom: 30px; display: block;}
.inputbox .table1 tbody {display: block;}
.inputbox .table1 tr {display: flex;}
.inputbox .table1 td:first-child {width: 200px; font-weight: 500; font-size: 14px;}
.inputbox .table1 td {height: 60px; color: #000; font-size: 12px; display: inline-flex; align-items: center; width: calc(100% - 200px); flex-wrap: wrap;}
.inputbox .table1 input[type="text"] {outline: none; height: 30px; margin-right: 15px; padding: 5px; box-sizing: border-box;}
.inputbox .table1 input[type="radio"] {margin-right: 5px; }
.inputbox .table1 label {margin-right: 20px;}
.inputbox .table1 label select {margin-left: 5px;}
.inputbox .table1 td select {height: 30px; width: 16%; }
.inputbox .table1 td select:first-child {width: 35%; margin-right: 10px;}

.inputbox .txt1 {text-align: center; padding-bottom: 60px; color: #585858; }
.inputbox .txt1:nth-child(2) {border-top: 1px solid #c3c3c3; padding-bottom: 0; padding-top: 30px;}

#sub0201 .btn-view {background: #7e7e7e; height: 30px; width: 80px}
#sub0201 .btn-view a {line-height: 30px;}
#sub0201 .btn-save {background: #1292a4;}
#sub0201 .btn-next {background: #1292a4;}



@media only screen and (max-width: 768px) {
	.inputbox {padding: 15px;}
	#sub02-tab ul {width: 100%;}
	#sub02-tab ul li {height: 30px; border-radius: 5px 5px 0 0;}
	#sub02-tab ul li a {line-height: 30px;}
	
	.inputbox .table1 {margin: 10px 5px; width: calc(100% - 10px);}
	.inputbox .table1 tr {display: flex; align-items: flex-start; flex-direction: column; height: auto; min-height: 40px; margin-bottom: 20px;}
	.inputbox .table1 tr:last-child td {flex-direction: row;}
	.inputbox .table1 td:first-child {flex-direction: row; min-height: 40px; align-items: flex-end;}
	.inputbox .table1 td {height: auto; display: flex; flex-direction: column; width: 100%; align-items: baseline;}
	.inputbox .table1 input[type="text"] {margin-right: 0; width: 100%;}
	.inputbox .table1 label input[type="text"] {margin-right: 0; width: auto}
	.inputbox .table1 td select {width: 100%;  }
	.inputbox .table1 td select:first-child {width: 100%;  margin-bottom: 5px;}
	
	.input1 .btn-view {margin: 5px 0 0;}
	
}


/* ======================================================
   sub0202
=========================================================*/
.input2 {display: none;}
.input2 .table1 td select {width: auto;}
.input2 .btn-view {background: #7e7e7e; height: 30px; }
.input2 .btn-view a {line-height: 30px;}
.input2 .btn-save {background: #1292a4;}
.input2 .btn-next {background: #1292a4;}


@media only screen and (max-width: 768px) {
	.input2 tr:nth-child(5) td:nth-child(2) {flex-direction: row;}
	.input2 tr:nth-child(6) td:nth-child(2) {flex-direction: row;}
	.input2 tr:nth-child(7) td:nth-child(2) {flex-direction: row;}
	.input2 tr:nth-child(8) td:nth-child(2) {flex-direction: row;}
	.input2 tr:nth-child(10) td:nth-child(2) {flex-direction: row;}
	.input2 tr:last-child td:nth-child(2) {flex-direction: column;}
}


/* ======================================================
   sub0203
=========================================================*/
.input3 {display: none;}
.input3 .table1 tr {margin-bottom: 20px; display: flex;}
.input3 .table1 td {height: auto; flex-direction: column;}
.input3 .table1 textarea {width: 100%; padding: 5px; box-sizing: border-box;}
.input3 .table1 td:first-child {align-items: baseline; flex-direction: row;}
.input3 .table1 p {margin-bottom: 20px; width: 100%; }
.input3 .table1 p span {float: right;}
.input3 .agree {border-top: 1px solid #c3c3c3; padding: 30px 0 60px; font-size: 14px; color: #000; display: flex; align-items: center;}
.input3 .agree input {margin-right: 5px;}

.input3 .btn-view {background: #7e7e7e; height: 30px; margin-left: 15px; width: 80px;}
.input3 .btn-view a {line-height: 30px;}
.input3 .btn-apply {background: #1292a4;}


@media only screen and (max-width: 768px) {
	.input3 tr:last-child td:nth-child(2) {flex-direction: column;}

}


/* ======================================================
   sub0204
=========================================================*/
.confirm {position: relative; left: 50%; transform: translateX(-50%); text-align: center; width: 50%; top: 70px;}
.confirm p {font-size: 14px; color: #585858; text-align: left; line-height: 200%;}
.confirm .txt1 {font-size: 16px; color: #585858; text-align: center; margin: 25px auto 70px;}
.confirm .txt2 {font-size: 28px; color: #047282; text-align: center; line-height: 250%; font-weight: 500;}
.confirm .table2 {}
.confirm .table2 tr{}
.confirm .table2 tr:first-child {background: #f0f0f0; }
.confirm .table2 tr:first-child  td {font-weight: 500;}
.confirm .table2 tr td {height: 50px; border: 1px solid #c3c3c3; text-align: center; padding: 0 10px; box-sizing: border-box;}
.confirm .table2 tr td:first-child {text-align: center;}
.confirm .btn-confirm {background: #438bb5;}


@media only screen and (max-width: 768px) {
	.confirm {top: 30px; width: 90%;}
	.confirm p {line-height: 150%; margin: 10px 0;}
	.confirm .txt1 { margin: 25px auto; font-size: 14px;}
	.confirm .txt2 {line-height: 150%; font-size: 20px; margin-bottom: 30px;}
	.confirm .table2 {}
	.confirm .table2 tr{}
	.confirm .table2 tr:first-child {}
	.confirm .table2 tr:first-child  td {}
	.confirm .table2 tr td {height: 40px; border: 1px solid #c3c3c3; font-size: 12px;}
	.confirm .btn-confirm {background: #438bb5;}

}


/* ======================================================
   sub0301
=========================================================*/
#sub03-ul {padding:0 45px; box-sizing: border-box; display: inline-block; margin-bottom: 100px; width: 100%;}
#sub03-ul>li {list-style:decimal; margin-bottom: 40px; display: list-item; width: 100%;}

#sub03-ul .curri2 {}
#sub03-ul .curri2 li {display: flex;}
#sub03-ul .curri2 li .l1 {color: #585858; font-size: 18px; width: 25%; border:1px solid #c3c3c3; border-bottom: none; border-right: none; display: flex; flex-direction: column; justify-content: center; align-items: center;}
#sub03-ul .curri2 li:nth-child(1) .l1 {background: #c7dfec;}
#sub03-ul .curri2 li:nth-child(2) .l1 {background: #ffd3ae;}
#sub03-ul .curri2 li:nth-child(3) .l1 {background: #ffbd94;}
#sub03-ul .curri2 li:nth-child(4) .l1 {background: #d0e3a3;}
#sub03-ul .curri2 li:last-child .l1 {border-bottom: 1px solid #c3c3c3;}
#sub03-ul .curri2 li:last-child .l2 {border-bottom: 1px solid #c3c3c3;}
#sub03-ul .curri2 li .l1 span {font-size: 16px;}
#sub03-ul .curri2 li .l2 {border: 1px solid #c3c3c3; border-bottom: none; width: 75%; padding: 15px 35px; box-sizing: border-box;}
#sub03-ul .curri2 li .l2 ul.curri2-ul {}
#sub03-ul .curri2 li .l2 ul.curri2-ul li {list-style: disc; font-size: 12px; position: relative;}
#sub03-ul .curri2 li .l2 ul.curri2-ul li:before {content: ""; display: inline-block; width: 2px; height: 2px; background: #000; border-radius: 50%; position: absolute; top: 50%; left: -10px; transform: translateY(-50%);}

#sub03-ul .table2 {margin-bottom: 20px;}
#sub03-ul .table2 tr {font-size: 12px;}
#sub03-ul .table2 tr:first-child {background: #d7f2ff; font-weight: 500; font-size: 14px;}
#sub03-ul .table2 tr:first-child td:first-child {background: #f5f5f5;}
#sub03-ul .table2 tr:first-child td:last-child {background: #f7d4b5;}
#sub03-ul .table2 td {border: 1px solid #c3c3c3; width: 25%; height: 50px; text-align: center; color: #444a4b;}
#sub03-ul .table2:last-child tr:last-child td:last-child {color:rgba(68,74,75,0.10) }

#sub03-ul li:nth-child(3) p {font-weight: 500; margin-bottom: 20px;}
#sub03-ul li:nth-child(3) .table-wrap {width: 100%; overflow-x: scroll;}
#sub03-ul li:nth-child(3) .table3 {width: 1010px;}
#sub03-ul li:nth-child(3) .table3 tr {}
#sub03-ul li:nth-child(3) .table3 tr:first-child td p {float: left; margin: 10px;}
#sub03-ul li:nth-child(3) .table3 tr:first-child td span {float: right; margin: 10px;}
#sub03-ul li:nth-child(3) .table3 tr:nth-child(2) {background: #f5f5f5; font-weight: 500; text-align: center;}
#sub03-ul li:nth-child(3) .table3 tr:nth-child(2) td {padding: 0;}
#sub03-ul li:nth-child(3) .table3 tr:nth-child(7) td:nth-child(2) {text-align: center;}
#sub03-ul li:nth-child(3) .table3 tr:last-child {text-align: center;}
#sub03-ul li:nth-child(3) .table3 td {border: 1px solid #c3c3c3; height: auto; min-height: 50px; padding: 5px; box-sizing: border-box; font-size: 12px;}
#sub03-ul li:nth-child(3) .table3 td:nth-child(3) {text-align: center;}
#sub03-ul li:nth-child(3) .table3 td:nth-child(4) {text-align: center;}
#sub03-ul li:nth-child(3) .table3 td:nth-child(5) {text-align: center;}
#sub03-ul li:nth-child(3) .table3 td ul  {}
#sub03-ul li:nth-child(3) .table3 td ul li {text-align: left}
#sub03-ul li:nth-child(3) .table3 td ul li:before {content: "-"; margin-right: 5px;}

#sub03-ul li:nth-child(3) .table3 tr:nth-child(2) td:nth-child(1) span {display: inline-block; width: 130px;}
#sub03-ul li:nth-child(3) .table3 tr:nth-child(2) td:nth-child(2) span {display: inline-block; width: 220px;}
#sub03-ul li:nth-child(3) .table3 tr:nth-child(2) td:nth-child(3) span {display: inline-block; width: 50px;}
#sub03-ul li:nth-child(3) .table3 tr:nth-child(2) td:nth-child(4) span {display: inline-block; width: 50px;}
#sub03-ul li:nth-child(3) .table3 tr:nth-child(2) td:nth-child(5) span {display: inline-block; width: 70px;}
#sub03-ul li:nth-child(3) .table3 tr:nth-child(2) td:nth-child(6) span {display: inline-block; width: 360px;}
#sub03-ul li:nth-child(3) .table3 tr:nth-child(2) td:nth-child(7) span {display: inline-block; width: 120px;}




@media only screen and (max-width: 768px) {
	#sub03-ul {padding:0 20px;}
	#sub03-ul .table2 {width: 100%;}
	#sub03-ul .curri2 {width: 100%;}
	#sub03-ul .curri2 li {flex-direction: column;}
	#sub03-ul .curri2 li .l1 {width:100%;border-right: 1px solid #c3c3c3; box-sizing: border-box; height: auto; min-height: 40px; padding-left: 20px; flex-direction: row; justify-content: flex-start;}
	#sub03-ul .curri2 li:last-child .l1 {border-bottom: none;}
	#sub03-ul .curri2 li .l2 {width:100%; padding: 10px 20px;}


}




/* ======================================================
   sub0401
=========================================================*/
#sub0401 .cont {padding: 35px 55px; box-sizing: border-box;}
#sub0401 .ground {margin-bottom: 40px;}
#sub0401 .subtitle {color: #337fcd!important; font-size: 18px!important; }
#sub0401 ul {display: flex; justify-content: space-between; margin-top: 25px;}
#sub0401 ul li {width: 48%;}
#sub0401 ul li img {width: 100%;}
#sub0401 ul li p {color: #585858; font-size: 12px;}

@media only screen and (max-width: 768px) {
	#sub0401 .cont {padding: 0px 20px;}
}


/* ======================================================
   sub0501
=========================================================*/
.pic_list {display: flex;flex-wrap: wrap; border-bottom: 1px solid #c3c3c3;}
.pic_list li {width: 23%; margin: 1%; margin-bottom: 30px;}
.pic_list li img {width: 100%;}
.pic_list li .pic_title {border-bottom: 1px solid #c3c3c3; font-size: 12px; color: #000; line-height: 200%; }
.pic_list li .pic_date {font-size: 12px; color: #000; line-height: 200%;}

#sub0501 .btn-g {text-align: right; margin-top: 20px; }
#sub0501 .btn-posting {background: #1292a4;}

@media only screen and (max-width: 768px) {
	.pic_list li {width: 48%;}
}

@media only screen and (max-width: 420px) {
	.pic_list li {width: 100%; margin: 0; margin-bottom: 40px;}
}


/* ======================================================
   sub0501_view
=========================================================*/
#photopop-wrap {display: block;} 
#photopop-wrap .photopop {width: 640px; height: 520px; border: 1px solid #52677d} 
#photopop-wrap .photopop .top p {text-align: center; margin-left: 0; font-weight: 400;}
#photopop-wrap .photopop .top .close {border: none; background: #2e607d; border-radius: 10px; width: auto; height: 30px; padding: 0 10px; top: 5px;} 
#photopop-wrap .photopop .top .btn-close {color: #fff; line-height: 30px; } 
#photopop-wrap .photopop .top .btn-close:before {display:none;} 
#photopop-wrap .photopop .top .btn-close:after {display:none;} 
#photopop-wrap .photopop .con {position: relative;}
#photopop-wrap .photopop .con .img {width: 510px; height: 340px; position: relative; top: 0; left: 50%; transform: translateX(-50%);} 
#photopop-wrap .photopop .con .img img {width: 100%;} 
#photopop-wrap .photopop .con .arrow {position: absolute; top: 50%; left: 50%; display: flex;justify-content: space-between; align-content: center; width: 105%; transform: translate(-50%,-50%);} 
#photopop-wrap .photopop .con .arrow .prev {border: 30px solid transparent; border-right: 28px solid #b4b4b4; width: 0; height: 0; cursor: pointer;} 
#photopop-wrap .photopop .con .arrow .next {border: 30px solid transparent; border-left: 28px solid #b4b4b4; width: 0; height: 0; cursor: pointer;} 
#photopop-wrap .pic_title {width: 500px; margin: auto; text-align: left; line-height: 200%; font-size: 14px; color: #000; border-bottom: 1px solid #c3c3c3;}
#photopop-wrap .pic_date {width: 500px; margin: auto; text-align: left; line-height: 200%; font-size: 14px; color: #000;}
#photopop-wrap .download { text-align: center; text-decoration: underline; color: #000;}


@media only screen and (max-width: 768px) {
	#photopop-wrap .photopop {width: 90%; height: auto;} 
	#photopop-wrap .photopop .con .img {width: 90%; height: auto;} 
	#photopop-wrap .photopop .con .arrow .prev {border: 24px solid transparent; border-right: 22px solid #b4b4b4; width: 0; height: 0; cursor: pointer;} 
	#photopop-wrap .photopop .con .arrow .next {border: 24px solid transparent; border-left: 22px solid #b4b4b4; width: 0; height: 0; cursor: pointer;} 
	#photopop-wrap .pic_title {width: 85%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
 	#photopop-wrap .pic_date {width: 85%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
}




/* ======================================================
   sub0601
=========================================================*/
#sub06-tab {background: #e3eced; height: 50px;}
#sub06-tab ul {display: flex; position: relative; justify-content: center; align-content: center; height: 100%;}
#sub06-tab ul li {padding: 15px; display: flex; justify-content: center; align-items: center;}
#sub06-tab ul li.selected {}
#sub06-tab ul li.selected a {color: #000; font-weight: 500;}
#sub06-tab ul li a {display: block; color: #7a8081}
#sub06-tab ul span.bar {display: inline-block; width: 2px; height: 20px; background: #7a8081; margin: 0 10px; position: relative; top: 50%; transform: translateY(-50%);}


.board_list {}
.board_list li {height: 60px; line-height: 60px; border-bottom: 1px solid #c3c3c3; display: flex; align-items: center;}
.board_list li a {display: flex; align-items: center; width: 100%; height: 100%; justify-content: space-around;}
.board_list li:hover {background: #f1faff;}
.board_list li:first-child {align-items: center; text-align: center; border-top: 1px solid #c3c3c3; margin-bottom: 3px;}
.board_list li:nth-child(2) {border-top: 1px solid #c3c3c3;}
.board_list li:first-child:hover {background: none;}
.board_list li:first-child span.li3 {text-align: center; justify-content: center;}
.board_list li span {padding: 0 10px; box-sizing: border-box; display: inline-flex; text-align: center; align-items: center; justify-content: center; height: 100%;}
.board_list li span.li1 {width: 5%; }
.board_list li span.li2 {width: 15%;}
.board_list li span.li3 {width: 45%; text-align: left; padding: 0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; justify-content: flex-start; display: inline-block;line-height: 60px;}
.board_list li span.li4 {width: 13%;}
.board_list li span.li5 {width: 7%;}
.board_list li span.li6 {width: 15%;}


@media only screen and (max-width: 768px) {
	.board_list li {height: 40px; line-height: 40px;}
	.board_list li span {text-align: center; font-size: 12px; padding: 0 5px!important;}
	.board_list li span.li1 {width: 5%}
	.board_list li span.li2 {width: 25%}
	.board_list li span.li3 {width: 30%}
	.board_list li span.li4 {width: 15%}
	.board_list li span.li5 {width: 7%}
	.board_list li span.li6 {width: 18%}

}




/* ======================================================
   
=========================================================*/
#sub0601_view {}
.board_view {margin: 40px auto 0; border-collapse: collapse; width: 90%; box-sizing: border-box; border: 1px solid #c3c3c3; display: block;}
.board_view tbody {display: flex; flex-wrap: wrap;}
.board_view tr {width: 100%; display: flex; border-bottom: 1px solid #c3c3c3;}
.board_view tr td {width: 80%; text-align: left; min-height: 40px; padding: 5px 20px; border: none;box-sizing: border-box; display: flex; justify-content: flex-start; align-items: center; position: relative;}
.board_view tr.w50 {width: 50%; display: flex; }
.board_view tr.w50 td {width: 60%; justify-content: center; text-align: center;}
.board_view tr td:nth-child(1) {width: 20%; text-align: center; background: #ececec; justify-content: center; border-right: 1px solid #c3c3c3; box-sizing: border-box;}
.board_view tr td:nth-child(2) {text-align: left!important; justify-content: flex-start!important;}
.board_view tr.w50 td:nth-child(1) {width: 40%;}
.board_view tr td label {margin-right: 10px; margin-left: 5px;}
.board_view tr td input[type="checkbox"] {}
.board_view tr td input[type="text"] {border: 1px solid #7e7e7e;}
.board_view tr:nth-child(2) {border-left: 1px solid #c3c3c3; box-sizing: border-box;}
.board_view tr:nth-child(4) {border-left: 1px solid #c3c3c3; box-sizing: border-box;}
.board_view tr:nth-child(7) {border-left: 1px solid #c3c3c3; box-sizing: border-box;}
.board_view tr:last-child {border-bottom: none;}
.board_view tr:last-child td {background: none; width: 100%; border-right: none; padding: 0;}
.board_view tr:last-child td .txt {width: 100%; }
.board_view tr:last-child td .txt textarea { border: none; width: 100%; padding: 35px 20px; box-sizing: border-box; resize: vertical}
.board_view .txt .comment {background: #f0f0f0;}
.board_view .txt .comment .cmt-view {border-top: 1px solid #c3c3c3; position: relative; padding: 10px; box-sizing: border-box;}
.board_view .txt .comment .cmt-view:after {content: ""; width: 10px; height: 10px; border-bottom: 1px solid #444a4b; border-left: 1px solid #444a4b; position: absolute; top: 15px; left: 3%;}
.board_view .txt .comment .cmt-view>div {margin-left: 6%; width: 92%; border: 1px solid #c3c3c3; background: #ffffff; padding: 10px; height: auto; outline: none; box-sizing: border-box; display: flex; justify-content: space-between; align-items: flex-start;}
.board_view .txt .comment .cmt-view>div span.writer {width: 100px; text-align: right; padding-right: 10px; box-sizing: border-box;}
.board_view .txt .comment .cmt-view>div span.cont {width: calc(100% - 100px); text-align: left;}

.cmt-w {width: 100%; background: #f0f0f0; border: 1px solid #c3c3c3; display: flex; padding: 10px ;box-sizing: border-box; margin-top: 15px; position: relative; flex-wrap: wrap;}
.cmt-w textarea {margin-left: 6%; width: 82%; border: 1px solid #c3c3c3; background: #ffffff; padding: 10px; height: auto; outline: none; box-sizing: border-box; resize: vertical;}
.cmt-w:after {content: ""; width: 10px; height: 10px; border-bottom: 1px solid #444a4b; border-left: 1px solid #444a4b; position: absolute; top: 15px; left: 3%;}
.cmt-w .btn { margin-right: 2%; width: 9%; height: 79px;}
.cmt-w .btn a {line-height: 79px;}



#sub0601_view .btn-g .btn-list {background: #1292a4;}

@media only screen and (max-width: 768px) {
	.board_view tr.w50 {width: 100%;}
	.board_view tr:nth-child(2) {border-left: none;}
	.board_view tr:nth-child(4) {border-left: none;}
	.board_view tr:nth-child(7) {border-left: none;}
	.board_view tr td:nth-child(1) {width: 40%;}
	.board_view tr.w50 td:nth-child(1) {width: 40%;}
	.board_view tr:last-child td:nth-child(1) {width: 100%;}
	
	
	.board_view tr td {font-size: 12px; min-height: 30px; padding: 5px 5%; width: 60%;}
	.board_view tr.w50 td {padding: 5px 5%;}
	.board_view {font-size: 12px; width: 100%;}
	.board_view .txt textarea {font-size: 12px; padding: 20px 15px;}
	.board_view .txt .comment .cmt-view>div span.writer {width: 23%; padding-right: 0; line-height: 150%;}
	.board_view .txt .comment .cmt-view>div span.cont {width: 75%; line-height: 150%;}
	
	.cmt-w textarea {width: 70%;}
	.cmt-w .btn {width: 20%;}
}


/* ======================================================
   sub0602
=========================================================*/
.sub0602-tab {}
.sub0602-tab ul {display: flex; justify-content: center; align-items: center; width: 60%; margin: 70px auto 50px;}
.sub0602-tab ul li {background: #ebfdff; border: 1px solid #b6cdcf; border-right: none; width: 33.33%;}
.sub0602-tab ul li:last-child {border-right: 1px solid #b6cdcf;}
.sub0602-tab ul li.selected {background: #1b818c; }
.sub0602-tab ul li a {display: block; color: #1b818c; font-size: 16px; height: 40px; line-height: 40px; text-align: center;}
.sub0602-tab ul li.selected a {color: #ebfdff;}

.consultant {display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 100px;}
.consultant li {width: 48%; margin: 1%;}
.consultant li>div {display: flex; border: 1px solid #c3c3c3;}
.consultant li .img {width: 177px; height: 200px; border-right: 1px solid #c3c3c3;}
.consultant li .img img {width: 177px;}
.consultant li .profile {width: calc(100% - 177px);}
.consultant li .profile .top {background: #f0f0f0; padding: 10px; box-sizing: border-box; border-bottom: 1px solid #c3c3c3;}
.consultant li .profile .top p {font-size: 12px; color: #424242; line-height: 150%;}
.consultant li .profile .top p.bold:first-child {text-indent: 0;}
.consultant li .profile .top p.bold {font-weight: bold; line-height: 180%; text-indent: 35px;}
.consultant li .profile .bottom {padding: 10px; box-sizing: border-box;}
.consultant li .profile .bottom p {font-size: 12px; color: #424242; line-height: 150%;}
.consultant li .name {color: #424242; font-size: 14px; font-weight: 500; margin-left: 8%;}

.consultant2 {display: none;}
.consultant3 {display: none;}


@media only screen and (max-width: 768px) {
	.sub0602-tab ul {width: 98%;}
	.consultant {flex-direction: column;}
	.consultant li {width: 98%; margin-bottom: 30px;}
	.consultant li>div {}
	.consultant li .img {}
	.consultant li .profile {}
	.consultant li .name {margin-left: 0; text-align: center;}
}

@media only screen and (max-width: 420px) {
	.sub0602-tab ul {width: 90%; margin: 30px auto; flex-direction: column;}
	.sub0602-tab ul li {border: 1px solid #b6cdcf; width: 100%; margin-bottom: 5px;}
	
	.consultant {}
	.consultant li {width: 98%; margin-bottom: 30px;}
	.consultant li>div {flex-direction: column;}
	.consultant li .img {margin: auto;border-right: none;}
	.consultant li .profile {width: 100%;border-top: 1px solid #c3c3c3;}
	.consultant li .name {margin-left: 0; text-align: center;}
}



/* ======================================================
	sub0701   
=========================================================*/
div.jpg {display: inline-block; background: url("../images/Content/icon-jpg.png") no-repeat center center; background-size: contain; width: 23px; height: 26px; margin: 0 5px; vertical-align: middle;}
div.gif {display: inline-block; background: url("../images/Content/icon-gif.png") no-repeat center center; background-size: contain; width: 25px; height: 28px; margin: 0 5px; vertical-align: middle;}
div.pdf {display: inline-block; background: url("../images/Content/icon-pdf.png") no-repeat center center; background-size: contain; width: 29px; height: 28px; margin: 0 5px; vertical-align: middle;}
div.png {display: inline-block; background: url("../images/Content/icon-png.png") no-repeat center center; background-size: contain; width: 25px; height: 29px; margin: 0 5px; vertical-align: middle;}
div.ppt {display: inline-block; background: url("../images/Content/icon-ppt.png") no-repeat center center; background-size: contain; width: 27px; height: 26px; margin: 0 5px; vertical-align: middle;}
div.hwp {display: inline-block; background: url("../images/Content/icon-hwp.png") no-repeat center center; background-size: contain; width: 28px; height: 28px; margin: 0 5px; vertical-align: middle;}
div.zip {display: inline-block; background: url("../images/Content/icon-zip.png") no-repeat center center; background-size: contain; width: 27px; height: 29px; margin: 0 5px; vertical-align: middle;}
div.word {display: inline-block; background: url("../images/Content/icon-word.png") no-repeat center center; background-size: contain; width: 26px; height: 26px; margin: 0 5px; vertical-align: middle;}
div.excel {display: inline-block; background: url("../images/Content/icon-excel.png") no-repeat center center; background-size: contain; width: 30px; height: 27px; margin: 0 5px; vertical-align: middle;}

#sub0701 {}
#sub0701 .board_list {}
#sub0701 .board_list li {min-height: 60px; height: auto; border-bottom: 1px solid #c3c3c3; display: flex;}
#sub0701 .board_list li>a {display: flex; align-items: center; width: 100%; justify-content: space-around;}
#sub0701 .board_list li:hover {background: #f1faff;}
#sub0701 .board_list li:first-child {align-items: center; text-align: center}
#sub0701 .board_list li:first-child:hover {background: none;}
#sub0701 .board_list li:first-child span {height: 60px; line-height: 60px;}
#sub0701 .board_list li:first-child span.li3 {text-align: center; line-height: 60px;}
#sub0701 .board_list li span {padding: 0 10px; box-sizing: border-box; display: inline-block; text-align: center; height: auto;}
#sub0701 .board_list li span.li1 {width: 5%;}
#sub0701 .board_list li span.li2 {width: 18%;}
#sub0701 .board_list li span.li2 img {width: 100%;}
#sub0701 .board_list li span.li3 {width: 47%; text-align: left; line-height: 150%;}
#sub0701 .board_list li span.li3 span.group {display: block; text-align: left; padding: 0;}
#sub0701 .board_list li span.li4 {width: 10%;}
#sub0701 .board_list li span.li5 {width: 9%; display: flex; justify-content: space-around; align-items: center;}
#sub0701 .board_list li span.li6 {width: 11%;}


@media only screen and (max-width: 768px) {
	#sub0701 .board_list li span {text-align: center; font-size: 12px; padding: 0 5px!important;}
	#sub0701 .board_list li span.li1 {width: 5%;}
	#sub0701 .board_list li span.li2 {width: 25%;}
	#sub0701 .board_list li span.li3 {width: 30%;}
	#sub0701 .board_list li span.li4 {width: 15%;}
	#sub0701 .board_list li span.li5 {width: 7%; min-width: 45px;}
	#sub0701 .board_list li span.li6 {width: 18%;}
	
	div.jpg {width: 12px; height: 13px; margin: 0 1px;}
	div.gif {width: 13px; height: 14px; margin: 0 1px;}
	div.pdf {width: 15px; height: 14px; margin: 0 1px;}
	div.png {width: 13px; height: 15px; margin: 0 1px;}
	div.ppt {width: 14px; height: 13px; margin: 0 1px;}
	div.hwp {width: 14px; height: 14px; margin: 0 1px;}
	div.zip {width: 14px; height: 15px; margin: 0 1px;}
	div.word {width: 13px; height:13px; margin: 0 1px;}
	div.excel {width: 15px; height: 14px; margin: 0 1px;}
}



/* ======================================================
   sub0701_view
=========================================================*/

#sub0701_view .cont  {width: 90%; margin: 40px auto;}
#sub0701_view .btn-job {background: #ff9600; width: 70px; height: 25px; float: right;}
#sub0701_view .btn-job a {line-height: 25px;}
#sub0701_view .btn-g .btn-list {background: #1292a4; margin-top: 40px;}

#sub0701_view .cont {}
#sub0701_view .top {display: flex; border: 1px solid #c3c3c3; border-bottom: none;}
#sub0701_view .thumbnail {border-right: 1px solid #c3c3c3; padding: 5px; box-sizing: border-box;}
#sub0701_view .board_view2 {border-collapse: collapse; display: block; width: 100%;}
#sub0701_view .board_view2 tbody {display: block; width: 100%;}
#sub0701_view .board_view2 tr {display: flex; clear: both; border-bottom: 1px solid #c3c3c3; box-sizing: border-box; width: 100%;}
#sub0701_view .board_view2 tr.w50 {width: 50%; display: flex; float: left; clear: none}
#sub0701_view .board_view2 tr.w50:nth-child(2) {float: right;}
#sub0701_view .board_view2 tr.w50 td:first-child {width: 50%; display: inline-block;}
#sub0701_view .board_view2 tr.w50 td:last-child {width:50%; display: flex; align-items: center; justify-content: space-between;}
#sub0701_view .board_view2 tr.w50:nth-child(2) td:first-child {width: 30%; border-left: 1px solid #c3c3c3;}
#sub0701_view .board_view2 tr.w50:nth-child(2) td:last-child {width:70%;}
#sub0701_view .board_view2 tr:first-child {}
#sub0701_view .board_view2 tr:last-child {border-bottom: none;}
#sub0701_view .board_view2 tr td {padding: 5px 10px;box-sizing: border-box; line-height: 38px; display: block;}
#sub0701_view .board_view2 tr td:first-child {background: #f0f0f0; width: 25%; border-right: 1px solid #c3c3c3; }
#sub0701_view .board_view2 tr td:last-child {border-right: none; width: 75%;}
#sub0701_view .textarea {box-sizing: border-box;border: 1px solid #c3c3c3; }
#sub0701_view .textarea .txt {padding: 35px 20px; }
#sub0701_view .textarea .txt p {}
#sub0701_view .textarea .txt .img {margin: 15px auto; display: flex; justify-content: space-around; align-items: center;}



@media only screen and (max-width: 768px) {
	#sub0701_view .top {flex-direction: column;}
	#sub0701_view .thumbnail {padding: 0; margin: 10px auto; border-right: none;}
	
	#sub0701_view .board_view2 tr.w50 {width: 100%; float: none!important;}
	#sub0701_view .board_view2 tr.w50:nth-child(2) td:first-child {border-left: none; width: 25%;}
	#sub0701_view .board_view2 tr.w50 td:first-child {width: 25%;}
	#sub0701_view .board_view2 tr.w50 td:nth-child(2) {width: 75%;}
	#sub0701_view .board_view2 tr:first-child td {border-top: 1px solid #c3c3c3;}
	#sub0701_view .board_view2 tr td {font-size: 12px; min-height: 30px; line-height: 150%;}
	#sub0701_view .textarea {font-size: 12px}
	#sub0701_view .textarea .txt {font-size: 12px; padding: 20px 15px;}
	#sub0701_view .textarea .txt .img {width: 100%; flex-direction: column;}
	#sub0701_view .textarea .txt .img img {margin-bottom: 20px;}
	#sub0701_view .textarea .txt img {width: 100%; height: auto;}
}

/* ======================================================
   sub0702
=========================================================*/
#sub0702 .subtitle {margin-bottom: 15px;}
#sub0702 .table2 {margin-top: 15px; border-collapse: collapse;}
#sub0702 .table2 tbody {display: flex; flex-wrap: wrap; border: 1px solid #c3c3c3; border-bottom: none; border-left: none;}
#sub0702 .table2 tr td {width: 60%; text-align: left; line-height: 40px; border: none; padding: 0 2.5%;}
#sub0702 .table2 tr td:nth-child(1) {width: 40%; text-align: center; background: #ececec; border-left: 1px solid #c3c3c3;}
#sub0702 .table2 tr td label {margin-right: 10px; margin-left: 5px;}
#sub0702 .table2 tr td input[type="text"] {width: 100%; border: 1px solid #c3c3c3; position: relative; top: -2px; height: 30px;}
#sub0702 .table2 tr {width: 100%; border-bottom: 1px solid #c3c3c3; display: flex;}
#sub0702 .table2 tr:hover {background: none;}
#sub0702 .table2 tr:first-child {background: none;}
#sub0702 .table2 tr.w50 {width: 50%;}
#sub0702 .table2 tr.w50 td {width:60%; padding: 0 5%;}
#sub0702 .table2 tr.w50 td:first-child {width: 40%; border-right: 1px solid #c3c3c3;}
#sub0702 .table2 tr td {border: none; text-align: left; width: 80%; box-sizing: border-box;}
#sub0702 .table2 tr td:first-child {width: 20%; text-align: center;}
#sub0702 .textarea {border: 1px solid #c3c3c3; width: 100%; box-sizing: border-box; border-top: none;}
#sub0702 .textarea textarea {padding: 35px 20px; box-sizing: border-box; width: 100%; border: none; outline: none; resize: none;}

#sub0702 .cont {padding: 35px 55px; box-sizing: border-box;}
#sub0702 .btn-g {margin-top: 40px;}
#sub0702 .btn-g .btn-job {background: #1292a4}

@media only screen and (max-width: 768px) {
	#sub0702 .cont {padding: 0 20px;}
	#sub0702 .table2 tr.w50 {width: 100%;}
	#sub0702 .table2 tr td:first-child {width: 30%;}
	#sub0702 .table2 tr td {width: 70%;}
	#sub0702 .table2 tr.w50 td:first-child {width: 30%;}
	#sub0702 .table2 tr.w50 td {width: 70%; padding: 0 2.5%}
	#sub0702 .textarea textarea {padding: 20px 15px; }
}




/* ======================================================
   sub0703
=========================================================*/
#sub0703 {margin-bottom: 300px;}
#sub0703 .confirm  {width: 70%;}
#sub0703 .confirm .table2 tr:first-child {background: none;}
#sub0703 .confirm .table2 tr:first-child td {font-weight: normal;}
#sub0703 .confirm .table2 tr td:first-child {background: #f0f0f0; font-weight: 500; width: 30%;}
#sub0703 .confirm .txt1 {font-weight: 500; margin: 25px auto;}
#sub0703 .confirm .txt3 {text-align: center; font-size: 16px;}
#sub0703 .confirm .txt3:after {content: ""; position: relative; display: block; width: 100%; height: 1px; background: #c3c3c3; margin: 10px auto}
#sub0703 .confirm .btn-g {padding-bottom: 30px;}
#sub0703 .confirm .conb {width: 350px; margin: auto;}
#sub0703 .confirm .conb .txt1 {margin: auto;}


@media only screen and (max-width: 768px) {
	#sub0703 .confirm  {width: 90%;}
	#sub0703 .confirm .conb {width: 85%;}
	#sub0703 .confirm .txt3 {font-size: 14px;}

}


/* ======================================================
   sub0801
=========================================================*/

#sub0801 .board_list {}
#sub0801 .board_list li {}
#sub0801 .board_list li:first-child span.li2 {text-align: center;}
#sub0801 .board_list li a {}
#sub0801 .board_list li span {display: inline-block;}
#sub0801 .board_list li span.li1 {width: 5%;}
#sub0801 .board_list li span.li2 {width: 65%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; padding: 0 10%;}
#sub0801 .board_list li span.li3 {width: 15%; text-align: center; padding: 0 10px;}
#sub0801 .board_list li span.li4 {width: 15%;}



@media only screen and (max-width: 768px) {
	#sub0801 .board_list li span.li1 {width: 40px}
	#sub0801 .board_list li span.li2 {text-align: center; padding: 0 20px; width: calc(100% - 180px);}
	#sub0801 .board_list li span.li3 {white-space: normal; overflow: auto; text-overflow: clip; width: 70px; line-height: 40px;}
	#sub0801 .board_list li span.li4 {width: 70px;}

}




/* ======================================================
   sub0801_view
=========================================================*/
#sub0801_view .board_view tr:nth-child(2) {border-left: none;}
#sub0801_view .board_view tr:nth-child(4) {border-left: none;}
#sub0801_view .btn-g {margin-top: 40px;}


@media only screen and (max-width: 768px) {
	#sub0801_view .textarea {font-size: 12px; width: 90%; margin: auto;}
	#sub0801_view .textarea .txt {font-size: 12px; padding: 20px 15px;}

}

/* ======================================================
   sub0802
=========================================================*/

#sub0802 .board_list {}
#sub0802 .board_list li {}
#sub0802 .board_list li:first-child span.li2 {text-align: center;}
#sub0802 .board_list li a {}
#sub0802 .board_list li span {display: inline-block;}
#sub0802 .board_list li span.li1 {width: 5%;}
#sub0802 .board_list li span.li2 {width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; padding: 0 10%;}
#sub0802 .board_list li span.li3 {width: 15%; text-align: center; padding: 0 10px;}
#sub0802 .board_list li span.li4 {width: 15%; text-align: center; padding: 0 10px;}
#sub0802 .board_list li span.li5 {width: 15%;}



@media only screen and (max-width: 768px) {
	#sub0802 .board_list li span.li1 {width: 40px}
	#sub0802 .board_list li span.li2 {text-align: center; padding: 0 20px; width: calc(100% - 220px);}
	#sub0802 .board_list li span.li3 {white-space: normal; overflow: auto; text-overflow: clip; width: 60px; line-height: 40px;}
	#sub0802 .board_list li span.li4 {white-space: normal; overflow: auto; text-overflow: clip; width: 50px; line-height: 40px;}
	#sub0802 .board_list li span.li5 {width: 70px;}

}



/* ======================================================
   sub0802_view
=========================================================*/
#sub0802_view .board_view tr:nth-child(4) {border-left: none;}
#sub0802_view .board_view tr:nth-child(7) {border-left: none;}
#sub0802_view .btn-g {margin-top: 40px;}
#sub0802_view .btn-apply {background: #478fd9; padding: 0; width: 90px; height: 30px; position: absolute; left: 20px;}
#sub0802_view .btn-apply a {line-height: 30px;}


@media only screen and (max-width: 768px) {
	#sub0802_view .board_view td .btn {height: 30px; width: 90px;}
	#sub0802_view .textarea {font-size: 12px;width: 100%; margin: auto;}
	#sub0802_view .textarea .txt {font-size: 12px; padding: 20px 15px;}
	#sub0802_view .btn-apply {position: relative; left: auto;}

}

/* ======================================================
   applypop
=========================================================*/
#popbg {width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.6); z-index: 3000; display: none;}

#apply-wrap .applypop {width: 305px; height: 280px; border: 1px solid #b6b6b6; background: #fff; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%)}
#apply-wrap .applypop .top {background: #047282; height: 50px; text-align: center;}
#apply-wrap .applypop .top p {text-align: center; color: #fff; font-size: 20px; font-weight: 500; line-height: 50px;}
#apply-wrap .applypop .top .close {width: 25px; height: 25px; border: 1px solid #e3f3f0; position: absolute; top: 11px; right: 10px; background: #1b818c;}
#apply-wrap .applypop .top .btn-close {display: block; width: 100%; height: 100%;}
#apply-wrap .applypop .top .btn-close:before {content:""; display:block; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%) rotate(-40deg); width: 2px; height: 16px; background: #e3f3f0}
#apply-wrap .applypop .top .btn-close:after {content:""; display:block; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%) rotate(40deg); width: 2px; height: 16px; background: #e3f3f0}
#apply-wrap .applypop .con {padding:25px 20px; box-sizing: border-box; text-align: center; height: calc(100% - 50px); }
#apply-wrap .applypop .con .txt1 {color: #474747; font-size: 16px; text-align: left;}
#apply-wrap .applypop .con .txt2 {color: #474747; font-size: 20px; text-align: center; margin-top: 40px;}
#apply-wrap .applypop .con .btn-g {padding: 0; margin: 0; position: absolute; left: 50%; transform: translateX(-50%); bottom: 30px; display: flex;}
#apply-wrap .applypop .con .btn-confirm {width: 90px; height: 30px; padding: 0; background: #797979; margin-top: 50px;}
#apply-wrap .applypop .con .btn-cancel {width: 90px; height: 30px; padding: 0; background: #797979; margin-top: 50px;}
#apply-wrap .applypop .con .btn-confirm a {line-height: 30px;}
#apply-wrap .applypop .con .btn-cancel a {line-height: 30px;}






/* ======================================================
   login
=========================================================*/
#login {width: 50%; position: relative; top: 70px; margin: auto;}
#login #title {border-bottom: none; text-align: center;}
#login #title p {font-size: 32px;}
#login .con {outline: 1px solid #c3c3c3; border: 5px solid #e3eced; padding: 60px 0 40px; box-sizing: border-box;}
#login .table-login {}
#login .table-login tr {}
#login .table-login tr:nth-child(3) {height: 60px;}
#login .table-login tr:nth-child(4) {height: 60px;}
#login .table-login tr:last-child td {height: 60px;}
#login .table-login tr:last-child td a {font-weight: 500; color: #000;}
#login .table-login tr td {width: 75%; height: 40px; font-weight: 500; color: #000;}
#login .table-login tr td:first-child {width: 25%; font-size: 14px; padding-left: 10%;}
#login .table-login tr td input[type="text"] {width: 66%; padding: 5px; box-sizing: border-box; }
#login .table-login tr td input[type="checkbox"] {margin-right: 10px;}
#login .table-login tr td>a:first-child:after {content: ""; width: 2px; height: 16px; background: #c3c3c3; position: relative; margin: 0 15px; display: inline-block; top: 2px;}
#login .table-login .btn-login {padding: 0; width: 66%; background: #1292a4; margin: 0;}

@media only screen and (max-width: 768px) {
	#login {width: 80%; margin: 30px auto; padding-bottom: 100px;}
	#login .con {padding: 30px 0;}
	#login .table-login tr:nth-child(3) {height: 40px;}
	#login .table-login tr:nth-child(4) {height: 40px;}
	#login .table-login tr:last-child td {height: 40px;}
	#login .table-login tr:last-child td a {display: block; font-size: 12px;}
	#login .table-login tr td {height: 30px; font-size: 12px;}
	#login .table-login tr td:first-child {padding-left: 3%; font-size: 12px;}
	#login .table-login tr td input[type="text"] {width: 80%; height: 90%;}
	#login .table-login tr td input[type="checkbox"] {margin-right: 5px;}
	#login .table-login .btn-login {height: 30px; width: 80%;}
	#login .table-login .btn-login a {line-height: 30px;}
	#login .table-login tr td>a:first-child:after {display: none;}

}




/* ======================================================
   find
=========================================================*/
#find {margin: 70px auto;}
#find #title {border-bottom: none; text-align: center;}
#find #title p {font-size: 32px;}
#find .con {display: flex; justify-content: space-around; margin-top: 50px;}
#find .con .box {width: 45%; border: 1px solid #aeaeae; border-radius: 10px; padding-bottom: 20px; box-sizing: border-box;}
#find .con .box .subtitle {color: #1292a4!important; text-align: center;}
#find .con table {}
#find .con table tr {height: 50px;}
#find .con table td {color: #000; width: 70%; font-size: 12px;}
#find .con table tr:first-child td:first-child {padding-left: 0;}
#find .con table td:first-child {padding-left: 10%; box-sizing: border-box; width: 30%;font-size: 14px;}
#find .con table td input[type="text"] {border: 1px solid #aeaeae; width: 70%; padding: 5px; box-sizing: border-box;}
#find .con table td .btn-login {background: #1292a4; width: 70%; margin: 0; }
#find .con table td .btn-login a {font-size: 16px;}



@media only screen and (max-width: 768px) {
	#find .con {flex-direction: column; justify-content: center;}
	#find .con .box {width: 90%; margin: 10px auto 30px;}

	
}









/* ======================================================
   signup
=========================================================*/
#signup {margin: 70px auto;}
#signup #title {border-bottom: none; text-align: center;}
#signup #title p {font-size: 32px;}
#signup .inputbox {outline: 1px solid #c3c3c3; border: 5px solid #e3eced; padding: 35px; box-sizing: border-box; margin-top: 45px;}
#signup .table1 td {height: auto; min-height: 60px; width: calc(100% - 130px);}
#signup .table1 td:first-child {width: 130px;}
#signup .table1 td input[type="text"]:nth-child(2) {margin: 5px 15px;}
#signup .inputbox .check {border: 1px solid #c3c3c3; border-right: none; border-left: none; padding: 25px 20px; box-sizing: border-box;}
#signup .inputbox .check span {display: flex; align-items: center; line-height: 35px;}
#signup .inputbox .check span input[type="checkbox"] {margin-right: 10px;}
#signup .inputbox .btn {background: #797979; width: 70px; height: 25px; padding: 0;}
#signup .inputbox .btn a {font-size: 12px; line-height: 25px;}
#signup .inputbox .btn-signup {width: 115px; height: 40px; background: #1292a4;}
#signup .inputbox .btn-signup a {line-height: 40px; font-size: 16px;}


@media only screen and (max-width: 768px) {
	#signup {margin: 30px auto;}
	#signup .inputbox {padding: 15px}
	#signup .table1 td {min-height: 40px; width: 100%;}
	#signup .table1 td:first-child {width: 100%;}
	#signup .inputbox .table1 tr td input {margin: 5px 0;}
	#signup .inputbox .table1 tr td select {margin: 5px 0;}
	#signup .table1 td input[type="text"]:nth-child(2) {margin-left: 0;}
	#signup .inputbox .table1 tr:last-child td {flex-direction: column;}
	#signup .inputbox .table1 tr:last-child td:first-child {flex-direction: row;}
	#signup .inputbox .check {padding: 10px 0;}
	#signup .inputbox .check span {font-size: 14px; line-height: 35px; flex-wrap: wrap;}
	#signup .inputbox .check span input[type="checkbox"] {margin-right: 5px;}
	#signup .inputbox .btn-g {padding-bottom: 40px;}
}









/* ======================================================
   inquity
=========================================================*/
#inquiry-ul {padding:0 45px; box-sizing: border-box; display: inline-block; margin-bottom: 100px; width: 100%;}
#inquiry-ul>li {list-style:decimal; margin-bottom: 40px; display: list-item; width: 100%;}
#inquiry-ul table.service {}
#inquiry-ul table.service tr {}
#inquiry-ul table.service tr:first-child {background: #e8e8e8; }
#inquiry-ul table.service tr:first-child td {text-align: center; font-weight: bold;}
#inquiry-ul table.service tr td {border: 1px solid #c3c3c3; text-align: left; padding: 0 10px; box-sizing: border-box; line-height: 35px;}
#inquiry-ul table.service tr td:first-child {text-align: center; font-weight: bold;}
#inquiry-ul li:nth-child(2) #daumRoughmapContainer1597824227162 {}
#inquiry-ul li:nth-child(2) p {margin: 10px 0; color: #707070;}
#inquiry-ul li:nth-child(3) p {color: #707070;}
#inquiry-ul li:nth-child(3) .inputbox {border: 1px solid #bcbcbc; color: #707070; margin: 20px auto; padding: 20px; box-sizing: border-box;}
#inquiry-ul li:nth-child(3) .inputbox table {display: block;}
#inquiry-ul li:nth-child(3) .inputbox tbody {display: block;}
#inquiry-ul li:nth-child(3) .inputbox tr {line-height: 45px; display: flex;}
#inquiry-ul li:nth-child(3) .inputbox tr td {width: 85%; display: block;}
#inquiry-ul li:nth-child(3) .inputbox tr td:first-child {width: 15%; min-width: 150px;}
#inquiry-ul li:nth-child(3) .inputbox tr:nth-child(1) input {width: 20%;}
#inquiry-ul li:nth-child(3) .inputbox tr:nth-child(2) input {width: 30%;}
#inquiry-ul li:nth-child(3) .inputbox tr:nth-child(3) input {width: 40%;}
#inquiry-ul li:nth-child(3) .inputbox select {border: 1px solid #bcbcbc; height: 30px;}
#inquiry-ul li:nth-child(3) .inputbox input {border: 1px solid #bcbcbc; width: 100%; padding: 5px; box-sizing: border-box;}
#inquiry-ul li:nth-child(3) .inputbox textarea {border: 1px solid #bcbcbc; width: 100%;padding: 5px; box-sizing: border-box;}
#inquiry-ul li:nth-child(3) .btn {display: block; margin: auto; background: #438bb5}



@media only screen and (max-width: 768px) {
	#inquiry-ul {padding:0 20px;}
	#inquiry-ul table.service {}
	#inquiry-ul table.service tr td {font-size: 12px; line-height: normal; min-height: 30px;}
	#inquiry-ul table.service tr td:nth-child(2) {word-break: break-all;}
	#inquiry-ul li:nth-child(2) p {font-size: 12px;}
	#inquiry-ul li:nth-child(3) p {font-size: 12px;}
	#inquiry-ul li:nth-child(3) .inputbox tr {flex-direction: column; line-height: normal; margin-bottom: 10px;}
	#inquiry-ul li:nth-child(3) .inputbox tr td {width: 100%; font-size: 12px;}
	#inquiry-ul li:nth-child(3) .inputbox tr td:first-child {width: 100%; margin-bottom: 5px;}
	#inquiry-ul li:nth-child(3) .inputbox tr:nth-child(1) input {width: 100%;}
	#inquiry-ul li:nth-child(3) .inputbox tr:nth-child(2) input {width: 100%;}
	#inquiry-ul li:nth-child(3) .inputbox tr:nth-child(3) input {width: 100%;}
	#inquiry-ul li:nth-child(3) .inputbox select {width: 100%;}
	#inquiry-ul li:nth-child(2) #daumRoughmapContainer1597824227162 {height: 400px; }
	
}

/* ======================================================
   mypage
=========================================================*/

#mypage {display: flex; min-height: calc(100vh - 207px);}
#mypage #contents {width: calc(100% - 225px); margin-left: 40px; margin-top: 15px;}
div.subtitle {color: #047282!important; margin: 5px 0; font-weight: 500; font-size: 18px; line-height: 150%;}
div.subtitle-s {color: #047282!important; margin: 5px 0; font-size: 16px; font-weight: 500; line-height: 150%;}
#mypage #left-wrap {width: 185px; margin-top: 15px; display: block;}
#mypage #left-wrap ul {border: 1px solid #bebebe;}
#mypage #left-wrap ul li {min-height: 40px; border-bottom: 1px solid #bebebe; position: relative;}
#mypage #left-wrap ul li:hover .depth2 {display: block;}
#mypage #left-wrap ul li.active-left {background: #eefcfe; min-height: 40px; height: auto;}
#mypage #left-wrap ul li.active-left span {color: #1292a4;}
#mypage #left-wrap ul li.active-left .depth2 {display: block;}
#mypage #left-wrap ul li:first-child {border-top:5px solid #1292a4;}
#mypage #left-wrap ul li:last-child {border: none; }
#mypage #left-wrap ul li a {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 40px; z-index: 1}
#mypage #left-wrap ul li span.title {padding-left: 0;}
#mypage #left-wrap ul li span.title:after {display: none;}
#mypage #left-wrap ul li span {color: #444a4b; font-size: 16px; line-height: 40px; padding-left: 20px; font-weight: 500;}
#mypage #left-wrap ul li span:after {content: ""; display: inline-block; width: 0; height: 0; border: 5px solid transparent; border-left: 10px solid #b0b0b0; position: absolute; top: 16px; right: 5%;}
#mypage #left-wrap ul li.active-left span:after {content: ""; display: inline-block; width: 0; height: 0; border: 5px solid transparent; border-left: 10px solid #1292a4}

#mypage #left-wrap ul.depth2 {border: none; display: none; position: relative; padding-top: 40px;}
#mypage #left-wrap ul.depth2 li {border: none; position: relative;}
#mypage #left-wrap ul.depth2 li.selected span {color: #1292a4!important;}
#mypage #left-wrap ul.depth2 li:hover {background: none;}
#mypage #left-wrap ul.depth2 li:first-child {background: none; text-align: left; color: #444a4b; font-size: 16px; line-height: 35px;}
#mypage #left-wrap ul.depth2 li:first-child span {color: #444a4b;}
#mypage #left-wrap ul.depth2 li span {padding-left: 50px;color: #444a4b; font-size: 15px;}
#mypage #left-wrap ul.depth2 li span:after {display: none;}

#mypage #top-wrap {display: none;margin-top: 15px; border: 1px solid #c3c3c3;}
#mypage #top-wrap .cate1 {display: inline-block; width: 100%; position: relative;}
#mypage #top-wrap .cate2 {display: inline-block; width: 100%; position: relative; border-left: 1px solid #c3c3c3;}
#mypage #top-wrap select {width: 100%; border:none; outline: none; appearance:none;-webkit-appearance:none; -ms-appearance: none; border-radius: 0; background: none; padding: 5px 10px; height: 40px; box-sizing: border-box; background: url("/front/images/Content/icon-down.png") no-repeat 95% 50%;}
#mypage #top-wrap select::-ms-expand {display: none;}










@media only screen and (max-width: 768px) {
	#mypage {flex-direction: column;}
	#mypage #left-wrap {display: none;}
	#mypage #top-wrap {display: flex; justify-content: space-between;}
	#mypage #contents {width: 100%; margin-left: 0;}

}

/* ======================================================
   myaccount
=========================================================*/
.t1 {margin-top: 20px;}
.t1 tr {}
.t1 td {border: 1px solid #c3c3c3;text-align: left; padding: 0 10px; box-sizing: border-box;line-height: 50px; font-size: 12px;}
.t1 td:first-child {text-align: center; background: #f0f0f0; font-weight: bold; font-size: 14px;}
.t1 td input[type="text"] {border: 1px solid #a7a7a7; width: 100%;}

.t1.grid2 {display: block;}
.t1.grid2 tbody {display: flex; flex-wrap: wrap; border-top: 1px solid #c3c3c3; border-left: 1px solid #c3c3c3;}
.t1.grid2 tr {display: flex; width: 50%; border-bottom: 1px solid #c3c3c3;}
.t1.grid2 tr td {display: flex; justify-content: center; align-items: center; width: 50%; border: none; border-right: 1px solid #c3c3c3;}


.account-table .btn1 {width: 65px; height: 30px; }
.account-table .btn1 a {line-height: 30px;}
.account-table .btn2 {position: relative; display: block; margin: 40px auto;}

.account-edit .btn-g {}
.account-edit .btn2 {width: 110px; }
.account-edit .btn3 {width: 110px; position: absolute; top: 0; right: 0;}



@media only screen and (max-width: 768px) {
	.t1.grid2 tr {width: 100%;}
	.t1.grid2 tr:nth-child(7) {border-bottom: none;}
	.t1.grid2 tr:last-child {border-bottom: none;}
	
	.account-edit .t1.grid2 tr:nth-child(7) {border-bottom: 1px solid #c3c3c3;}
	.account-edit .t1.grid2 tr:last-child {border-bottom: 1px solid #c3c3c3;}
	.account-edit .btn-g {display: flex; justify-content: center;}
	.account-edit .btn-g .btn3 {position: relative;}
}





/* ======================================================
   myapplication
=========================================================*/
.t2 {margin-top: 20px;}
.t2 tr {height: 50px;}
.t2 tr:first-child {background: #f0f0f0; }
.t2 tr:first-child td {font-weight: bold; font-size: 14px; text-align: center;}
.t2 td {border: 1px solid #c3c3c3; text-align: center; padding: 0 10px; box-sizing: border-box; font-size: 12px;}



.application-table .t2 tr:first-child td {text-align: center!important;}
.application-table .t2 td:nth-child(3) {text-align: left;}
.application-table .t2 td:nth-child(5) {text-align: left;}

.application-table {padding-bottom: 100px;}
.application-table .subtitle-s {margin-top: 70px!important; }
.application-ul {margin-top: 10px; padding-left: 20px;}
.application-ul li {list-style: decimal; color: #585858; font-size: 16px; font-weight: bold; margin: 20px 0; line-height: 250%;}
.application-ul li p {font-size: 14px; color: #585858; font-weight: normal; line-height: 180%;}

/*팝업*/
.popwrap1 {z-index: 3500; display: none;}
.popwrap1>div {z-index: 3500; position: fixed; top: 50%;left: 50%; transform: translate(-50%,-50%); width: 305px; height: auto; border: 1px solid #b6b6b6; background: #fff;}
.popwrap1 .top {background: #047282; width: 100%; height: 50px; position: relative;}
.popwrap1 .top p {color: #fff; text-align: center; font-size: 18px; line-height: 50px; font-weight: 500; }
.popwrap1 .top .close {width: 25px; height: 24px; border: 1px solid #e3f3f0; position: absolute; top: 13px; right: 13px; }
.popwrap1 .top .btn-close {display: block; width: 100%; height: 100%; }
.popwrap1 .top .btn-close:before {content: ""; width: 2px; height: 16px; background: #e3f3f0; display: block; position: absolute; top: 50%; left:50%; transform: translate(-50%,-50%) rotate(40deg);}
.popwrap1 .top .btn-close:after {content: ""; width: 2px; height: 16px; background: #e3f3f0; display: block; position: absolute; top: 50%; left:50%; transform: translate(-50%,-50%) rotate(-40deg);}
.popwrap1 .con {margin: 0; padding: 20px 15px 80px; box-sizing: border-box;}
.popwrap1 .con .btn {position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%);}


.interviewpop table {}
.interviewpop table tr {}
.interviewpop table td {font-size: 12px; word-break: keep-all; vertical-align: baseline; padding: 5px 0 ;box-sizing: border-box; }
.interviewpop table td:first-child {font-weight: bold; font-size: 14px; width: 70px;}

.passpop {}
.passpop .con p:first-child {font-size: 16px; text-align: center; margin-bottom: 20px;}
.passpop .con p {font-size: 12px; text-align: left; width:80%; margin: auto; line-height: 150%;}

.failpop {}
.failpop .con p:first-child {font-size: 16px; text-align: center; margin-bottom: 20px;}
.failpop .con p {font-size: 12px; text-align: left; line-height: 150%; width: 90%; margin: auto;}

@media only screen and (max-width: 768px) {
	.application-table .t2 td:nth-child(5) {word-break: break-all;}

	.t2 {}
	.t2 tr {border: 1px solid #7e7e7e;}
	.t2 tr:first-child {display: none;}
	.t2 tr td {display: block; padding-left: 35%; text-align: left!important; border-bottom: none; position: relative; line-height: 35px;}
	.t2 tr td:last-child {border-bottom: 1px solid #c3c3c3;}
	.t2 tr td:nth-child(1):before {content: "교육과정"; text-align: center; display:flex; justify-content: center; align-items: center; width: 33%; background:#ececec; position: absolute; left: 0; top: 0; border-right: 1px solid #c3c3c3; height: 100%;}
	.t2 tr td:nth-child(2):before {content: "강의장소"; text-align: center; display:flex; justify-content: center; align-items: center; width: 33%; background:#ececec; position: absolute; left: 0; top: 0; border-right: 1px solid #c3c3c3; height: 100%;}
	.t2 tr td:nth-child(3):before {content: "교육시간"; text-align: center; display:flex; justify-content: center; align-items: center; width: 33%; background:#ececec; position: absolute; left: 0; top: 0; border-right: 1px solid #c3c3c3; height: 100%;}
	.t2 tr td:nth-child(4):before {content: "커리큘럼"; text-align: center; display:flex; justify-content: center; align-items: center; width: 33%; background:#ececec; position: absolute; left: 0; top: 0; border-right: 1px solid #c3c3c3; height: 100%;}
	.t2 tr td:nth-child(5):before {content: "출석(진도율)"; text-align: center; display:flex; justify-content: center; align-items: center; width: 33%; background:#ececec; position: absolute; left: 0; top: 0; border-right: 1px solid #c3c3c3; height: 100%;}
	.t2 tr td:nth-child(6):before {content: "자료실"; text-align: center; display:flex; justify-content: center; align-items: center; width: 33%; background:#ececec; position: absolute; left: 0; top: 0; border-right: 1px solid #c3c3c3; height: 100%;}
	.t2 tr td:nth-child(7):before {content: "비고"; text-align: center; display:flex; justify-content: center; align-items: center; width: 33%; background:#ececec; position: absolute; left: 0; top: 0; border-right: 1px solid #c3c3c3; height: 100%;}
}




/* ======================================================
   myeduction
=========================================================*/
.education-table {}
.education-table p.subtitle {font-size: 16px!important;}

.education-table .t2 {margin-bottom: 30px;}
.education-table .t2:last-child {margin-bottom: 100px;}
.education-table .t2 td {font-size: 12px;}
.education-table .t2 td:first-child {text-align: left;}
.education-table .t2 tr:first-child td {font-size: 14px; text-align: center!important;}
.education-table .t2 tr td:nth-child(2) {text-align: left;}



@media only screen and (max-width: 768px) {
	
	
}






/* ======================================================
   attendance
=========================================================*/
.attendance-table {}
.attendance-table p.subtitle {font-size: 16px!important;}

.attendance-table .t2 {margin-bottom: 30px;}
.attendance-table .t2 td {font-size: 12px;}
.attendance-table .t2 tr:first-child td {font-size: 14px; text-align: center;}
.attendance-table .t2 td:first-child {text-align: left;}
.attendance-table .t2 td:nth-child(2) {text-align: left;}
/*.attendance-table .t2 td:nth-child(4) {text-align: left;}*/
.attendance-table .attendance p {}
.attendance-table .attendance p span {margin-right: 30px; margin-left: 10px;}
.attendance-table .attendance .t2 td {padding: 0;font-size: 10px!important; color: #444a4b;}
.attendance-table .attendance .t2 td:first-child {font-size: 14px!important; padding: 0 7px; text-align: center;}
.attendance-table .attendance .t2 td:nth-child(2) {text-align: center;}
.attendance-table .attendance .t2 td:nth-child(4) {text-align: center;}
.attendance-table .attendance .t2 td .td-b {font-weight: normal; font-size: 12px;}
.attendance-table .attendance .t2 tr:first-child td { line-height: normal; height: 50px;}
.attendance-table .attendance .t2 tr:nth-child(2) td {font-size: 12px!important;}

.attendance-table .attendance .t2 .blue {background: #eefcfe;}

.attendance-table .btn3 { float: right;}

.at-o {width: 18px; height: 18px; border-radius: 50%; border: 1px solid #9b9e9f; position: relative; display: inline-block; vertical-align: middle;} 
.at-x {width: 18px; height: 18px; border-radius: 50%; border: 1px solid #9b9e9f; position: relative; display: inline-block; vertical-align: middle;}
.at-x:after {content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 1px; height: 30px; background: #9b9e9f; transform: translate(-50%,-50%) rotate(45deg); }


@media only screen and (max-width: 768px) {
	.attendance {overflow-x: scroll;}
	.attendance .t2 {}
	.attendance .t2 tr {border: 1px solid #c3c3c3; display: revert;}
	.attendance .t2 tr:first-child {}
	.attendance .t2 tr td { padding-left: 35%; text-align: left!important; border-bottom: none; position: relative; line-height: 35px; display: revert; text-align: center!important;}
	.attendance .t2 tr td:last-child {border-bottom: none}
	.attendance .t2 tr td:nth-child(1):before {display: none;}
	.attendance .t2 tr td:nth-child(2):before {display: none;}
	.attendance .t2 tr td:nth-child(3):before {display: none;}
	.attendance .t2 tr td:nth-child(4):before {display: none;}
	.attendance .t2 tr td:nth-child(5):before {display: none;}
	.attendance .t2 tr td:nth-child(6):before {display: none;}
	.attendance .t2 tr td:nth-child(7):before {display: none;}
	
	
	
}











/* ======================================================
   reference
=========================================================*/
.data-table {}
.data-table p.subtitle {font-size: 16px!important;}

.data-table .t2 {margin-bottom: 30px;}
.data-table .t2 td {font-size: 12px;}
.data-table .t2 td:first-child {text-align: left;}
.data-table .t2 td:nth-child(2) {text-align: left;}
.data-table .t2 tr:first-child td {font-size: 14px; text-align: center;}
.reference-board {margin-top: 25px;}
.reference-board .board_list li {height: 60px;font-size: 12px; color: #000;}
.reference-board .board_list li:first-child {font-size: 15px; color: #444a4b; }
.reference-board .board_list li:first-child span {text-align: center!important; justify-content: center!important}

.reference-board .board_list li span.li2 {justify-content: flex-start; text-align: left;}

.reference-board .btn-g {padding-bottom: 50px; margin-top: 30px;}
.reference-board .btn-enrollment {background: #3e84bf; width: 110px;}
.reference-board .btn3 {width: 110px; float: right;}

.reference-view .board_view {width: 100%; font-size: 12px;}

.data_view .btn-g .btn2 {position: absolute; top: 0 ; left: 50%; transform: translateX(-50%);}
.data_view .btn-g .btn3 {float: right;}

.data_edit .board_view select {width: 70%; height: 30px; border: 1px solid #c3c3c3;}
.data_edit .board_view tr:nth-child(5) input {width: 100%; border: 1px solid #c3c3c3;}
.data_edit .board_view tr:nth-child(6) input {border: 1px solid #c3c3c3; width: 100%;}
.data_edit .board_view tr:nth-child(6) .btn {width: 50px; height: 30px; }
.data_edit .board_view tr:nth-child(6) .btn a {line-height: 30px;}
.data_edit .board_view tr:nth-child(7) {border-left: none;}
.data_edit .board_view .txt {background: url("../images/Content/editor.jpg") no-repeat center center; height: 420px;}
.data_edit .btn-g {display: flex; justify-content: center; align-items: center; }
.data_edit .btn-g .btn3 {position: absolute; top: 0; right: 0;}



@media only screen and (max-width: 768px) {
	.data-table .btn-g {display: flex; justify-content: center;}
	.data_view .btn-g .btn2 {position: relative; left: auto; transform: none;}
	.data_view .btn-g .btn3 {float: none;}
	.data_edit .btn-g .btn3 {position: relative;}
	
	.reference-board .btn-g {display: flex; justify-content: center; align-items: center;}
	.reference-board .btn3 {float: none;}
	
	
	
}




/* ======================================================
   consulting
=========================================================*/
.consulting-board .board_list {}
.consulting-board .board_list li:first-child span {color: #444a4b; font-size: 15px;}
.consulting-board .board_list li {height: 55px;}
.consulting-board .board_list li span {color: #000; font-size: 12px; }
.consulting-board .board_list li span.li1 {width: 8%;}
.consulting-board .board_list li span.li2 {width: 18%;}
.consulting-board .board_list li span.li3 {width: 51%;}
.consulting-board .board_list li span.li4 {width: 9%;}
.consulting-board .board_list li span.li5 {width: 14%;}
.consulting-board .btn-g {padding-bottom: 10px; margin-top: 30px;}
.consulting-board .btn-enrollment {background: #3e84bf; width: 110px;}






/* ======================================================
   
=========================================================*/

.t22-wrap {overflow-x: scroll; width: 100%;}
.t22 {}
.t22 tr {}
.t22 tr:first-child td p {float: left; margin: 10px;}
.t22 tr:first-child td span {float: right; margin: 10px;}
.t22 tr:nth-child(2) {background: #f5f5f5; font-weight: 500; text-align: center;}
.t22 tr:nth-child(2) td {padding: 0;}
.t22 tr:nth-child(7) td:nth-child(2) {text-align: center;}
.t22 tr:last-child {text-align: center;}
.t22 td {border: 1px solid #c3c3c3; height: auto; min-height: 50px; padding: 5px; box-sizing: border-box; font-size: 12px;}
.t22 td:nth-child(3) {text-align: center;}
.t22 td:nth-child(4) {text-align: center;}
.t22 td:nth-child(5) {text-align: center;}
.t22 td ul  {}
.t22 td ul li {text-align: left}
.t22 td ul li:before {content: "-"; margin-right: 5px;}

.t22 tr:nth-child(2) td:nth-child(1) span {display: inline-block; width: 120px;}
.t22 tr:nth-child(2) td:nth-child(2) span {display: inline-block; width: 145px;}
.t22 tr:nth-child(2) td:nth-child(3) span {display: inline-block; width: 50px;}
.t22 tr:nth-child(2) td:nth-child(4) span {display: inline-block; width: 50px;}
.t22 tr:nth-child(2) td:nth-child(5) span {display: inline-block; width: 70px;}
.t22 tr:nth-child(2) td:nth-child(6) span {display: inline-block; width: 320px;}
.t22 tr:nth-child(2) td:nth-child(7) span {display: inline-block; width: 110px;}

.attendance-table .btn3 {margin: 40px 0 100px;}











/* ======================================================
   consulting_view
=========================================================*/
.consulting-view .board_view {width: 100%; font-size: 12px;}
.consulting-view .board_view .cmt-w textarea {resize: none; }
.consulting-view .file {width: 100%;display: flex; align-items: center; margin-top: 5px; }
.consulting-view .file .filename {margin-left: 6%; background: #fff; border: 1px solid #c3c3c3; height: 35px; width: 30%; display: inline-block}
.consulting-view .file .btn {width: 60px; height: 30px;}
.consulting-view .file .btn a {line-height: 30px;}
.consulting-view .btn-g .btn2 {position: absolute; left: 50%; transform: translateX(-50%); top: 0;}
.consulting-view .btn-g .btn3 {float: right;}


@media only screen and (max-width: 768px) {
	.consulting-view .file .filename {width: 70%;}
	.consulting-view .file .btn {width: 20%;}
	.consulting-view .btn-g {display: flex; justify-content: center;}
	.consulting-view .btn-g .btn2 {position: relative; left: auto; transform: none;}
	.consulting-view .btn-g .btn3 {float: none;}
	
	
	
}



/* ======================================================
   consulting_edit
=========================================================*/
.consulting_edit .board_view {}
.consulting_edit .board_view tr:nth-child(3) input {width: 30%;}
.consulting_edit .board_view tr:nth-child(3) input:nth-child(2) { width: 40%; margin-left: 3%;}
.consulting_edit .board_view tr:nth-child(3) .btn {width: 50px; height: 30px;}
.consulting_edit .board_view tr:nth-child(5) input {width: 100%;}
.consulting_edit .board_view tr:nth-child(6) input {width: 60%;}
.consulting_edit .board_view tr:nth-child(6) .btn {width: 50px; height: 30px;}
.consulting_edit .board_view .txt {background: url("../images/Content/editor.jpg") no-repeat center  center ; height: 420px;}
.consulting_edit .consulting-view .btn2 {position: relative; left: auto; transform: none;}


.popwrap1 .consultantpop {width: 425px;}
.popwrap1 .consultantpop .con .field {line-height: 35px;}
.popwrap1 .consultantpop .con select {border: 1px solid #c3c3c3; height: 30px; margin-left: 10px; border-bottom-width: 25%;}
.popwrap1 .consultantpop .con table {margin-top:20px;}
.popwrap1 .consultantpop .con table td {border: 1px solid #c3c3c3; line-height: 35px; text-align: left; padding: 0 10px; box-sizing: border-box;}
.popwrap1 .consultantpop .con table td:first-child {text-align: center; width: 40px;}
.popwrap1 .consultantpop .con table td:first-child input {margin-right: 0;}







/* ======================================================
   myphoto
=========================================================*/
.photo {}
.photo .pic_list {border-bottom: none;}
.photo .pic_list .pic_title input[type="checkbox"] {position: relative; top: 2px; margin-right: 5px;}
.photo .btn-g {padding-bottom: 10px; display: flex; justify-content: space-between;}

.photo_view {margin-top: 50px;}
.photo_view .cont {display: flex; justify-content: space-around; align-items: flex-end; }
.photo_view .cont .side {margin-bottom: 70px; border: 1px solid #c2c2c2;}
.photo_view .cont .side img {}
.photo_view .cont .photo_selected {}
.photo_view .cont .photo_selected .img {border: 1px solid #c2c2c2; position: relative;}
.photo_view .cont .photo_selected .img img {width: 100%;}
.photo_view .cont .photo_selected .txt {height: 70px; display: flex; flex-direction: column; justify-content: center;}
.photo_view .cont .photo_selected .txt p {font-size: 12px; color: #000; line-height: 30px;}
.photo_view .cont .photo_selected .txt .photo_title {border-bottom: 1px solid #c2c2c2;}
.photo_view .btn-g {}
.photo_view .btn2 {}
.photo_view .btn3 {position: absolute; top: 0; right: 0;}


.photo_edit {margin-top: 30px;}
.photo_edit .t1 {}
.photo_edit .t1 tr td:first-child {width: 20%;}
.photo_edit .t1 tr td input {width: 50%;}
.photo_edit .t1 tr:first-child td input {width: 70%;}
.photo_edit .t1 .btn1 {width: 50px; height: 30px;}
.photo_edit .btn-g {}
.photo_edit .btn3 {position: absolute; top: 0; right: 0;}


@media only screen and (max-width: 768px) {
	.photo_view .cont .side {display: none;}
	.photo_view .cont .photo_selected {width: 100%; }
	.photo_view .btn-g {display: flex; justify-content: center;}
	.photo_view .btn3 {position: relative;}
	
	
	.photo_edit .t1 tr:first-child td input {width: 100%;}
	.photo_edit .btn-g {display: flex; justify-content: center;}
	.photo_edit .btn3 {position: relative;}
}




/* ======================================================
   portfolio
=========================================================*/
.portfolio {}
.portfolio .board_list {font-size: 12px;}
.portfolio .board_list li {}
.portfolio .board_list li span {}
.portfolio .board_list li span.li1 {flex-direction: column;}
.portfolio .board_list li span.li1 input[type="checkbox"] {}
.portfolio .board_list li span.li2 {width: 20%;}
.portfolio .board_list li span.li2 img {width: 100%;}
.portfolio .board_list li span.li3 {width: 40%;}
.portfolio .board_list li span.li4 {width: 10%;}
.portfolio .board_list li span.li5 {width: 10%;}
.portfolio .board_list li span.li6 {}
.portfolio .btn-g {display: flex; justify-content: space-between; padding-bottom: 10px;}


.portfolio_view {margin-top: 30px}
.portfolio_view .btn2 {position: absolute; left: 50%; transform: translateX(-50%); top: 0;}
.portfolio_view .btn3 {float: right;}
.portfolio_view .btn-job {background: #ff9600; width: 70px; height: 25px;}


@media only screen and (max-width: 768px) {
	.portfolio .board_list li span.li3 {white-space: normal;}
	.portfolio .board_list li span.li5 {flex-wrap: wrap;}
	.portfolio .board_list li span.li5 div {margin: 3px;}
	
	.portfolio_view .btn2 {position: relative; left: auto; transform: none;}
	.portfolio_view .btn3 {float: none;}
	
}



/* ======================================================
   
=========================================================*/
.board_view2 {}
.board_view2 .top {display: flex; border: 1px solid #c3c3c3; border-bottom: none;}
.board_view2 .top .thumbnail {border-right: 1px solid #c3c3c3; padding: 5px; box-sizing: border-box; position: relative; width:279px; min-height: 182px;}
.board_view2 .top .thumbnail img {width: 100%;}
.board_view2 .top table {border-collapse: collapse; display: block; width: calc(100% - 279px); }
.board_view2 .top table tbody {display: flex; flex-wrap: wrap;}
.board_view2 .top table tr {width: 100%; display: flex; border-bottom: 1px solid #c3c3c3; box-sizing: border-box;}
.board_view2 .top table tr:first-child {}
.board_view2 .top table tr:last-child {border-bottom: none;}
.board_view2 .top table tr.w50 {width: 50%; }
.board_view2 .top table tr.w50:nth-child(2) {}
.board_view2 .top table tr.w50:nth-child(2) td:first-child {width: 30%; border-left: 1px solid #c3c3c3; box-sizing: border-box;}
.board_view2 .top table tr.w50:nth-child(2) td:last-child {width:70%;}
.board_view2 .top table tr.w50 td:first-child {width: 50%; display: inline-block;}
.board_view2 .top table tr.w50 td:last-child {width:50%; display: flex; align-items: center; justify-content: space-between;}
.board_view2 .top table tr td {padding: 5px 10px;box-sizing: border-box; line-height: 34px; position: relative; display: inline-flex; align-items: center;}
.board_view2 .top table tr td:first-child {background: #f0f0f0; width: 25%; border-right: 1px solid #c3c3c3; box-sizing: border-box;}
.board_view2 .top table tr td:last-child {border-right: none; width: 75%;}
.board_view2 .textarea {border: 1px solid #c3c3c3; box-sizing: border-box;}
.board_view2 .textarea .txt {padding: 35px 20px; line-height: 150%; height: 700px; overflow-y: scroll;}
.board_view2 .textarea .txt p {}
.board_view2 .textarea .txt .img {margin: 15px auto; display: flex; justify-content: space-around; align-items: center;}


@media only screen and (max-width: 768px) {
	.board_view2 .top {flex-direction: column;}
	.board_view2 .top .thumbnail {border-right: none; border-bottom: 1px solid #c3c3c3; width: 100%; text-align: center;}
	.board_view2 .top table {width: 100%;}
	.board_view2 .textarea {}
	.board_view2 .textarea .txt {}
	.board_view2 .textarea .txt p {font-size: 12px;}
	.board_view2 .textarea .txt img {width: 100%;}
	.board_view2 .textarea .txt .img {flex-direction: column;}
	.board_view2 .textarea .txt .img img {width: 100%; margin: 1%;}
	
	
	
}


/* ======================================================
   
=========================================================*/
.portfolio_edit {}
.portfolio_edit .thumbnail .btn1 {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 70px; height: 25px;}
.portfolio_edit .thumbnail p {text-align: center; margin-top: 43%;}
.portfolio_edit table td .btn {width: 50px; height: 30px;}
.portfolio_edit table tr:nth-child(3) td input {width: 100%;}
.portfolio_edit .txt {background: url("../images/Content/editor2.jpg") no-repeat center center;}
.portfolio_edit .txt {background: url("../images/Content/editor2.jpg") no-repeat center center;}
.portfolio_edit .btn-g {display: flex; justify-content: center; align-content: center;}
.portfolio_edit .btn-g .btn3 {position: absolute; top: 0; right: 0;}



@media only screen and (max-width: 768px) {
	.portfolio_edit .btn-g .btn3 {position: relative; }
	
	
	
}





/* ======================================================
   request
=========================================================*/
.request-board .board_list {font-size: 12px;}
.request-board .board_list li {}
.request-board .board_list li span.li1 {width: 8%;}
.request-board .board_list li span.li2 {width: 20%;}
.request-board .board_list li span.li3 {width: 48%;}
.request-board .board_list li span.li4 {width: 13%;}
.request-board .board_list li span.li5 {width: 11%;}

.request-view .board_view {width: 100%; font-size: 12px;}
.request-view .board_view tr:nth-child(6) {border-left: 1px solid #c3c3c3; box-sizing: border-box;}
.request-view .board_view tr:nth-child(7) {border-left: none;}
.request-view .btn-g {display: flex; justify-content: flex-end;}



@media only screen and (max-width: 768px) {
	.request-board .board_list li span.li3 {width: 33%;}
	.request-board .board_list li span.li4 {width: 28%;}
	.request-view .board_view tr:nth-child(6) {border-left: none;}

	
	
}










/* ======================================================
   
=========================================================*/
.education-table-con  {margin-bottom: 100px;}
.education-table-con .t2 td .underline {margin: 0 3px;}
.education-table-con .t2 tr:first-child td {font-size: 14px; text-align: center!important;}
.education-table-con .t2 tr td:nth-child(2) {text-align: left;}










/* ======================================================
   
=========================================================*/

#attendance {font-size: 14px; }
#attendance .blue {background: #d9f5fd}
#attendance .green {background: #dbf3c0}
#attendance .pink {background: #ffe5e9}
#attendance .skin {background: #f9e4c6}
#attendance tr:first-child td input[type="checkbox"] {margin-right: 5px;}
#attendance tr:first-child {background: #ececec;}
#attendance tr td {border: 1px solid #c3c3c3; height: 40px; text-align: center; width: 5%; padding: 0 5px; box-sizing: border-box;}
#attendance tr:first-child td:nth-child(2) {width: auto;}
#attendance tr td:nth-child(2) {width: 10%;}
#attendance tr td:last-child {width: 9%;}
#attendance tr td input[type="checkbox"] {margin: 0;}

.attendance-con p {margin: 10px 0;}
.attendance-con p input {margin: 0 5px 0 20px;}
.attendance-con p span {float: right; }
.attendance-con p span select {margin-left: 10px; height: 30px;}
.attendance-con .btn3 {margin: 0;}

.savepop .con  {padding-bottom: 0;}
.savepop .con p {text-align: center; line-height: 300%;}
.savepop .con .btn-g {padding-bottom: 20px;}
.savepop .con .btn-g .btn {position: relative; left: auto; transform: none; bottom: 0;}


@media only screen and (max-width: 768px) {
	.attendance-con {overflow-x: scroll;}	
	
	
}


/* ======================================================
   servicepop privacypop
=========================================================*/
#servicepop {}
#servicepop .popup {width: 850px; height: 550px; padding-bottom: 30px; box-sizing: border-box;}
#servicepop.popwrap .popup .top p {margin-left: 30px;}
#servicepop.popwrap .popup .con {overflow: scroll; padding: 30px;}
#servicepop.popwrap .popup .con ul.ul2 {margin-left: 20px;}

#privacypop {}
#privacypop .popup {width: 850px; height: 550px; padding-bottom: 30px; box-sizing: border-box;}
#privacypop.popwrap .popup .top p {margin-left: 30px;}
#privacypop.popwrap .popup .con {overflow: scroll; padding: 30px;}
#privacypop.popwrap .popup .con h4 {margin: 30px 0 15px;}
#privacypop.popwrap .popup .con h4:first-child {margin-top: 0;}
#privacypop.popwrap .popup .con ul {margin-left: 20px;}
#privacypop.popwrap .popup .con ul li {margin-bottom: 10px;}
#privacypop.popwrap .popup .con ul li p:first-child {font-weight: bold; line-height: 230%;}

#mailpop {}
#mailpop .popup {width: 700px; height: 630px;  box-sizing: border-box;}
#mailpop.popwrap .popup .top p {margin-left: 30px;}
#mailpop.popwrap .popup .con {padding: 20px 25px 80px; }
#mailpop.popwrap .popup .con table {width: 640px; display: block;}
#mailpop.popwrap .popup .con table tbody {display: block;}
#mailpop.popwrap .popup .con table tr { height: 45px;}
#mailpop.popwrap .popup .con table tr:last-child {height: auto;}
#mailpop.popwrap .popup .con table td {width: calc(100% - 45px);}
#mailpop.popwrap .popup .con table td:nth-child(1) {font-weight: bold; font-size: 14px; color: #000; width: 45px;}
#mailpop.popwrap .popup .con table td input {width: 100%; border: 1px solid #7e7e7e; height: 25px;}
#mailpop.popwrap .popup .con table td .btn {width: 65px; height: 25px; border: 1px solid #7e7e7e; border-radius: 5px; text-align: center; line-height: 25px; font-size: 12px; margin: 0;}
#mailpop.popwrap .popup .con table td span {font-size: 12px; margin-left: 10px;}
#mailpop.popwrap .popup .con table tr:last-child td {width: 100%;}
#mailpop.popwrap .popup .con table tr td .txt {border: 1px solid #7e7e7e; box-sizing: border-box;}
#mailpop.popwrap .popup .con .btn2 {width: 80px; height: 30px; background: #3ea1cf; position: absolute; left: 50%; bottom: 35px; transform: translateX(-50%);}



@media only screen and (max-width: 860px) {
	#servicepop .popup {width: 80%; height: 80%; }
	#servicepop .popup .con {font-size: 14px; line-height: 150%;}
	#privacypop .popup {width: 80%; height: 80%; }
	#privacypop .popup .con {font-size: 14px; line-height: 150%;}
	
}