@charset "utf-8";
.tbl_atd input[type="number"][name*="aditCol"].input_txt,
.tbl_atd input[type="text"][name*="aditCol"].hasDatepicker { width: 6rem !important; }
.tbl_atd {position: relative;margin-top: 5px;border-top: 2px solid #000;font-size: 14px;overflow: hidden;}
.tbl_atd > table {position: relative;width: 100%;border-collapse: collapse;margin-left: -1px;}
.tbl_atd caption span { position: absolute; top: -9999px; overflow: hidden; height: 0; width: 0; }
.tbl_atd > table > thead > tr > th {padding: 0.75rem;line-height: 1.3;font-weight: 600;color: #091f46;font-size: 0.8rem;border-bottom: 1px solid #d3d3d3;border-left: 1px solid #d3d3d3;background: #f8fafc;}
.tbl_atd > table > tbody > tr > th {padding: 0.75rem;line-height: 1.3;font-weight: 600;color: #111;font-size: 0.8rem;border-bottom: 1px solid #d3d3d3;border-left: 1px solid #d3d3d3;background: #fbfcfd; width:15%}
.tbl_atd th.title { padding: 1rem; font-size: 0.8rem; border-bottom: 1px solid #d3d3d3; background: #f8fafc; }
.tbl_atd > table > tbody > tr > td {padding: 0.5rem 1rem;color: #555;border-left: 1px solid #d3d3d3;border-bottom: 1px solid #d3d3d3;font-size: 0.8rem;line-height: 1.5; width:35%}
.tbl_atd > table > tbody > tr > td ul.file li { position: relative; padding: 5px 80px 5px 0; }
.tbl_atd > table > tbody > tr > td ul.file li + li { border-top: 1px dashed #ccc; }
.tbl_atd > table > tbody > tr > td ul.file li a {display: inline-block;padding: 0 0 0 24px;color: #444;background: url("/images/co/na/down_icon.gif") left 6px no-repeat;}
.tbl_atd > table > tbody > tr > td ul.file li a:hover,
.tbl_atd > table > tbody > tr > td ul.file li a:active,
.tbl_atd > table > tbody > tr > td ul.file li a:focus { text-decoration: underline; }
.tbl_atd > table > tbody > tr > td ul.file li a.fileView {position: absolute;right: 0;top: 3px;padding: 2px 0.5rem;font-size: 0.75rem;color: #fff;background: #757e9b;border: 1px solid #ccc;border-radius: 5px;}
.tbl_atd > table > tbody > tr > td ul.file li a.fileView::after { display: none; }
.tbl_atd > table > tbody > tr > td .input_txt { width: 99%; height: 26px; line-height: 26px; border: 1px solid #ccc; }
.tbl_atd > table > tbody > tr > td .write_txt { width: 99%; height: 350px; line-height: 26px; border: 1px solid #ccc; }
.tbl_atd > table > tbody > tr > td .input_txt:read-only,
.tbl_atd > table > tbody > tr > td .write_txt-only { background-color: #f3f3f3; }
.tbl_atd > table > tbody > tr > td img { max-width: 100%; vertical-align: middle; height: auto !important; }
.tbl_atd > table > tbody > tr > td hr {display: block;unicode-bidi: isolate;margin-block: 0.5em;margin-inline: auto;overflow: hidden;border-style: inset;border-width: 1px;}
.tbl_atd > table > tbody > tr > td a[target="_blank"]::after {content: "\e980";display: inline-block;margin-left: 5px;font-family: xeicon;}
.tbl_atd > table > tbody > tr > td p { margin: revert; padding: revert; }
.tbl_atd .fileWrap { position: relative; }
.tbl_atd .fileWrap .file { display: block; padding-right: 93px; }
.tbl_atd .fileWrap .file input { padding: 0 5px; height: 25px; width: 97%; border: 1px solid #9298af; }
.tbl_atd .fileWrap .fileBg {position: absolute;right: 17px;top: 0;width: 65px;height: 27px;display: inline-block;background: url("/images/co/na/btnFileSearch.gif") 0 center no-repeat;}
.tbl_atd .fileWrap .fileBg input { opacity: 0; width: 65px; height: 27px; cursor: pointer; }
.tbl_atd .fileWrap + .fileWrap { margin-top: 10px; }

/* 조직안내 */
.orgWrap{ position:relative; text-align:center;}
.orgWrap :before{ z-index:-1;}
.orgWrap:before{ content:""; position:absolute; left:50%; top:0; height:5.3rem; border-left:1px solid #ddd;}
.orgWrap a{ display:block; position:relative;}
.orgWrap h2{ position:relative; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; min-width:6rem; min-height:6rem; font-size:1.1rem; font-weight:700; color:#fff; 
padding:1rem .5rem; border-radius:3rem; background:#1156A0;}
.orgWrap h2 span {font-size: 0.7rem; font-weight:500; line-height: 1.3;}
.orgWrap .dept1{ position:relative; display:flex; flex-wrap:wrap; align-items:flex-start; width:calc(100% + 2rem); margin-left:-1rem; margin-top:1rem; overflow:hidden;}
.orgWrap .dept1:before{ content:""; position:absolute; left:17%; top:0; width:calc(66% + 1px); border-top:1px solid #ddd;}
.orgWrap .dept1.brd_none:before {border:none;}
.orgWrap .dept1 .part{ position:relative; flex:1; margin:0 1rem; overflow:hidden;}
.orgWrap .dept1 .part:before{ content:""; position:absolute; left:calc(50% - 1px); top:0; height:100%; border-left:1px solid #ddd;}
.orgWrap .dept1 .part.brd_none:before {border:none;}
.orgWrap .dept1 .part h3{ position:relative; width:75%; line-height:1.3; margin:1rem auto; font-weight:700; font-size:1.1rem; padding:.75rem .5rem; border-radius:.25rem; color:#fff;}
.orgWrap .dept1 .part h3 span{ display:inline-block; font-weight:400; font-size:.85rem; margin:0 .25rem;}
.orgWrap .dept2{ position:relative; display:flex; flex-wrap:wrap; gap: 0 2%;}
.orgWrap .dept2:before{ content:""; position:absolute; left:50%; top:0; width:81.7%; border-top:1px solid #ddd; transform: translateX(-50%);}
.orgWrap .dept2 dl{ position:relative; flex:1 0 18%; padding-top:1.25rem;}
.orgWrap .dept2 dl:before{ content:""; position:absolute; left:50%; top:0; height:100%; border-left:1px solid #ddd;}
.orgWrap .dept2 dt{ position:relative; display:flex; height:2.5rem; justify-content:center; align-items:center; font-size:.85rem; font-weight:600; color:#000; padding:.15rem .25rem; border:1px solid; border-radius:.25rem;}
.orgWrap .dept2 dd{ height:calc(100% - 2.25rem); padding:.75rem 1rem; border:1px solid #ccc; border-radius:0 0 .25rem .25rem; margin-top:-.25rem; background:#fff; text-align:left; }
.orgWrap .dept2 dd li a{ position:relative; padding-left:10px;}
.orgWrap .dept2 dd li a:before{ content:""; position:absolute; left:0; top:.5rem; width:4px; height:4px; border-radius:50%; background:#1156A0; z-index: 1;}
.orgWrap .dept2 dd .center {background:#f1f1f1; padding:.5rem 1rem; margin:.25rem .5rem;}
.orgWrap .dept2 dd .center li a:before {width:2px; height:2px;}
.orgWrap .deptEtc{ position:relative; display:inline-block; border-radius:10rem; padding:1rem .5rem; margin-top:2rem; background:#f4f5f9;}
.orgWrap .deptEtc ul{ display:flex; flex-wrap:wrap;}
.orgWrap .deptEtc li{ flex:1; min-width:0; margin:0 1rem;}
.orgWrap .deptEtc li a{ width:5rem; height:5rem; display:flex; align-items:center; justify-content:center; font-weight:600; border-radius:50%; border:1px solid #ddd; margin:0 auto; background:#fff;}
.orgWrap h3{ background:#0d69cd;}
.orgWrap .dept2 dt{ background:#F8FFFD; border-color:#259E94;}

/*찾아오시는길*/
.mapWrap {background-color: #fafafa;}
.mapWrap .map .root_daum_roughmap {width: 100%;}
.mapWrap .map .root_daum_roughmap .wrap_controllers, 
.mapWrap .map .root_daum_roughmap .cont,
.mapWrap .map .wrap_map .map_border {display: none;}
.mapWrap .info {z-index: 1; position: relative;}
.mapWrap .info h3 {border-radius: 0 1.5rem 1.5rem 1.5rem;}
.mapWrap .info address {display: flex; flex-wrap: wrap; gap: 0.5rem 2rem; padding: 0 1.5rem 2rem;}
.mapWrap .info address dl {display: flex; align-items: start; gap: 0.5rem;}
.mapWrap .info address dl:nth-of-type(1) {flex: 1 1 100%;}
.mapWrap .info address dl:nth-of-type(3) {margin-left: 1.2rem;}
.mapWrap .info address dl dt {display: flex; align-items: center; gap: 0.2rem; font-weight: 700;}
.mapWrap .info address dl dt img {width: auto; height: 1rem;}
.mapWrap .info address dl dd {flex: 1;}
.mapWrap .info address dl dd:nth-of-type(3) {flex: 0 0 auto;}
.mapWrap .info address dl dd a {display: inline-block; align-items: center; border-radius: 0.3rem; vertical-align: middle; white-space: nowrap;}
.mapWrap .info address dl dd a img {display: block;}
.location_route_wrap {display: flex; gap: 1rem 2%;}
.location_route_wrap dl {display: flex; flex-direction: column; align-items: center; justity-content: start; gap: 1rem; flex: 1; padding: 1.5rem 1rem 2rem; border: 2px solid #D7E7F6; border-radius: 1rem;}
.location_route_wrap dl dt {display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 0 0 auto; width: 6rem; height: 6rem; font-weight: 600; border-radius: 3rem; color: #ffffff;}
.location_route_wrap dl:nth-of-type(1) dt {background: #005DAE;}
.location_route_wrap dl:nth-of-type(2) dt {background: #259E94;}
.location_route_wrap dl:nth-of-type(3) dt {background: #586BCF;}
.location_route_wrap dl dd {flex: 1 1 auto; display: flex; flex-direction: column; gap: 0.25rem 0; width: 100%;}

/*체험시설 진로직업*/
.ul_card_gallery {display: flex; flex-wrap: wrap; gap: 3rem 2%;}
.ul_card_gallery li {display: flex; flex-direction: column; gap: 0 1rem; width: 49%;}
.ul_card_gallery li.twin {width: 100%;}
.ul_card_gallery li section {flex: 0; width: 100%; display: flex; gap: 2%;}
.ul_card_gallery li section .box_st_img {flex: 1 1 49%; display: flex; border-radius: 20px;}
.ul_card_gallery li section .box_st_img .rsp_img img {border-radius: 10px; }
.ul_card_gallery li > p {padding: 0.5rem 0 0 1.4rem;}

/*선정*/
.step_description {display: flex; flex-direction: column; align-items: center; gap: 8px;}
.step_description dl {display: flex; width: 100%; gap: 1rem;}
.step_description dl dt {flex: 0 0 12rem; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 0.2rem; padding: 1rem; font-size: 16px; font-weight: 700; color: #fff; border-radius: 0.5rem; text-align: center;}
.step_description dl:nth-of-type(1) dt {background: #0C3771;}
.step_description dl:nth-of-type(2) dt {background: #254D83;}
.step_description dl:nth-of-type(3) dt {background: #416493;}
.step_description dl:nth-of-type(4) dt {background: #607693;}
.step_description dl:nth-of-type(5) dt {background: #2E82B6;}
.step_description dl:nth-of-type(6) dt {background: #108BD8;}
.step_description dl dt span {background: #fff; color: #222; border-radius: 1rem; padding: 0.2rem 0.6rem; font-size: 13px; font-weight: 600;}
.step_description dl dd {flex: 1; padding: 1rem 1.2rem; background: #F3F9FF; border: 2px solid #D9E1EA; border-radius: 0.5rem}
.step_description dl dd ul li {font-size: 16px; color: #000;}
.step_description dl dd ul li ul li {font-size: 14px; color: #444; word-break: keep-all;}

/* 지도 */
.TC35_map {display: flex; flex-direction: column; align-items: start; justify-content: space-between; height: 100%;}
.TC35_map h2 {display: inline-block; font-weight: 600; font-size: 1.2rem; padding: 0.5rem 1rem; background-color: #018798; color: #ffffff; border-radius: 1rem 1rem 1rem 0; position: relative; z-index: 10;}
.TC35_map .map_wrap {flex: 1 0 auto; margin-top: -1.3rem; padding: 3%; display: flex; flex-wrap: wrap; align-items: end; border: 1px solid #cccccc; border-radius: 0 1.5rem 1.5rem 1.5rem; overflow: hidden;}
.TC35_map .map_wrap .tabWrap {flex: 0 0 auto; position: relative; margin: 0 auto; width: 297px; height: 363px;}
.TC35_map .map_wrap .tabWrap .tabMap li {display: none;}
.TC35_map .map_wrap .tabWrap .tabMap li.on {display: block;}
.TC35_map .map_wrap .tabWrap .tabMap li img {display: block; width: 100%; height: 100%;}
.TC35_map .map_wrap .tabWrap .tabSpot {position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.TC35_map .map_wrap .tabWrap .tabSpot li {position: absolute; transform: translate(-50%, -50%);}
.TC35_map .map_wrap .tabWrap .tabSpot li.map1 {bottom: 70px;left: 80px;}
.TC35_map .map_wrap .tabWrap .tabSpot li.map1.twins {bottom: 160px;left: 55px;}
.TC35_map .map_wrap .tabWrap .tabSpot li.map2 {bottom: 128px;left: 98px;}
.TC35_map .map_wrap .tabWrap .tabSpot li.map3 {bottom: 128px;right: 75px;}
.TC35_map .map_wrap .tabWrap .tabSpot li.map4 {bottom: 156px;left: 113px;}
.TC35_map .map_wrap .tabWrap .tabSpot li.map5 {bottom: 152px;left: 140px;}
.TC35_map .map_wrap .tabWrap .tabSpot li.map6 {bottom: 128px;left: 134px;}
.TC35_map .map_wrap .tabWrap .tabSpot li.map7 {top: 148px;right: 130px;}
.TC35_map .map_wrap .tabWrap .tabSpot li.map8 {top: 145px;right: 70px;}
.TC35_map .map_wrap .tabWrap .tabSpot li.map9 {top: 60px;right: 40px;}
.TC35_map .map_wrap .tabWrap .tabSpot li a,
.TC35_map .map_wrap .tabWrap .tabSpot li button {font-size: 0.6rem; font-weight: 600; color: #000000;}
.TC35_map .map_wrap .tabWrap .tabSpot li a:hover,
.TC35_map .map_wrap .tabWrap .tabSpot li button:hover {text-decoration: underline;}
.TC35_map .map_wrap .tabWrap .tabSpot li.on a,
.TC35_map .map_wrap .tabWrap .tabSpot li.on button {font-weight: 700; color: #ffffff; text-shadow: 0 0 2px #000000;}
.TC35_map .map_wrap .tabWrap .tabSpot li.on a::before,
.TC35_map .map_wrap .tabWrap .tabSpot li.on button::before {content: ''; display: block; position: absolute; left: 50%; bottom: 1.4em; transform: translateX(-50%); width: 20px; height: 22px; background: url(/images/dgedu/template/TC35/main/ico_map_on.png);}

.search_information_wrap {display: flex; gap: 2rem 4%; margin: 0 0 2rem;}
.search_information_section {flex: 1; display: flex; flex-direction: column; gap: 1rem;}
.search_information_section .TC35_map .map_wrap {padding: 2rem; width: 100%;}

/* srchFrom */
.srchFrom ul{display: flex; flex-wrap: wrap; gap: 4px;}
.srchFrom li{display:flex; align-items:center; width: 100%;}
.srchFrom li:before{ top:.65rem;}
.srchFrom li label{ min-width:4rem;}
.srchFrom li select, input { flex:1; height:2rem; line-height:2rem; font-size:.75rem; border:1px solid #ccc; padding:.15rem 1rem 0 .25rem; border-radius: 3px;}
.srchFrom .btnSearch {margin: 0; border-radius: 3px;}
	
@media screen and (max-width: 768px) {
	.location_route_wrap {flex-direction: column;}
}
@media screen and (min-width: 521px)and (max-width: 768px) {
	.location_route_wrap dl {flex-direction: row; align-items: start; padding: 1rem 4%;}
}
@media screen and (max-width: 520px) {
	.location_route_wrap dl {padding: 1.5rem 4%;}
	.location_route_wrap dl dd {}
}


@media screen and (min-width: 601px) and (max-width: 1023px),
       screen and (min-width: 1241px) and (max-width: 1365px) {
	.orgWrap .dept2:before {width: 68.3%;}
	.orgWrap .dept2 dl{ flex:1 0 26%;}
	.orgWrap .dept2 dl:nth-of-type(n+4):before { display: none; }
}						
						
@media screen and (max-width: 1280px) {
	.TC35_map .map_wrap .titTab {margin-left: 0;}
	.TC35_map .map_wrap .titTab ul li {flex: 1 0 5rem;}
	.TC35_map .map_wrap .titTab ul li:nth-of-type(n+5) {flex: 1 0 4rem;}
	.TC35_map .map_wrap .titTab ul li a::before,
	.TC35_map .map_wrap .titTab ul li button::before {width: 14px;}
}

@media screen and (max-width: 1215px) {
	.MC_wrap2 .container {flex-direction: column;}
	.MC_box4 {width: 100%;}
	.MC_box5 {width: 100%;}	
	.TC35_map .map_wrap {display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; padding: 1rem 3%;}
	.TC35_map .map_wrap .titTab {flex: 1 0 260px; padding-top: 6rem;}
	.TC35_map .map_wrap .titTab ul li,
	.TC35_map .map_wrap .titTab ul li:nth-of-type(n+5) {flex: 1 0 32%;}
}

@media screen and (max-width: 1030px) {
	.search_information_wrap {flex-direction: column;}
	.search_information_section:nth-of-type(2) {display: flex; gap: 1rem;}
	.search_information_section:nth-of-type(2) .TC35_map {flex: 1;}
	.search_information_section .TC35_map .map_wrap {padding: 1rem;}
}

@media screen and (max-width: 1024px) {
  .tbl_atd > table table { max-width: 100%; width: auto !important; }
}

@media screen and (max-width: 820px) {
	.search_information_section .TC35_map .map_wrap {flex-direction: column;}
}

@media screen and (max-width: 800px) {
  .tbl_atd > table tr { display: flex; flex-wrap: wrap; padding: 0; border-bottom: none; overflow: hidden; }
  .tbl_atd > table > thead { display: none; }
  .tbl_atd > table > tbody > tr > th {position: relative;width: 30%;text-align: left;padding: 0.5rem 0.25rem 0.5rem 1rem;line-height: 1.3;font-weight: 600;font-size: 0.8rem;border-left: none;background: none;color: #1b54a3;}
  .tbl_atd > table > tbody > tr > td { width: 70%; padding: 0.5rem 0.25rem; border-left: none; }
}
@media (max-width: 690px) {
  .tbl_atd > table > thead > tr > th,
  .tbl_atd > table > tbody > tr > th,
  .tbl_atd > table > tbody > tr > td { font-size: 0.75rem; }
}

@media screen and (max-width: 640px) {
	.step_description dl {gap: 0; flex-direction: column;}
	.step_description dl dt {flex: 0 0 auto; padding: 1rem; border-radius: 0.5rem 0.5rem 0 0;}
	.step_description dl dd {padding: 1rem; border-top: 0; border-radius: 0 0 0.5rem 0.5rem;}
	
	.TC35_map .map_wrap {align-items: end;}
	.TC35_map .map_wrap .titTab {padding-top: 1rem;}
}

@media screen and (max-width: 600px) {
	.orgWrap .dept2:before {width: 51%;}
	.orgWrap .dept2 dl{ flex:0 0 49%;}
	.orgWrap .dept2 dl:nth-of-type(n+3):before { display: none; }						
}

@media screen and (max-width: 500px) {
	.ul_card_gallery {flex-direction: column;}
	.ul_card_gallery li {width: 100%;}
	.ul_card_gallery li section {order: 2; flex-direction: column;}
	.ul_card_gallery li h5 {order: 1;}
	.ul_card_gallery li > p {order: 3;}
	
	.srchFrom li {flex-wrap: wrap;}
	.srchFrom li label {flex: 1 1 100%;}
}

@media screen and (max-width: 400px) {
	.orgWrap .dept2:before {display: none;}
	.orgWrap .dept2 dl{ flex:0 0 100%; padding-top: 1rem;}
	.orgWrap .dept2 dl:nth-of-type(n+2):before { display: none; }						
}
@media (max-width: 380px) {
  .tbl_atd > table > tbody > tr > th { width: 100%; border-bottom: none; }
  .tbl_atd > table > tbody > tr > td { width: 100%; padding: 0 0.25rem 0.5rem; }
}

@media screen and (max-width: 360px) {
	.TC35_map .map_wrap {padding: 2.2rem 4% 4%;}
	.TC35_map .map_wrap .tabWrap {display: none;}
	.TC35_map .map_wrap .titTab {flex: 1 1 100%; width: 100%; padding-top: 0;}
	.TC35_map .map_wrap .titTab ul li,
	.TC35_map .map_wrap .titTab ul li:nth-of-type(n+5) {flex: 1 0 4.5rem;}
	
	.search_information_wrap .TC35_map {display: none;}
}