.con{line-height:1.7; font-size:1rem; position:relative; width:1400px; margin:0 auto;color:#666;font-weight:300;font-family: 'Roboto', 'Noto Sans KR', '나눔고딕', 'Dotum', '돋움', 'sans-serif';}
.con h3{color:#222;line-height:1.4;font-size:1.75rem;padding-bottom:3.5rem;}
.con h4{font-size:1.5rem;color:#222;}
.con p b{font-weight:500; color:#444;}


.bx{line-height:1.6; font-size:0.85rem; position:relative; width:1400px; margin:0 auto;}
.ctb1{background: #fff; padding: 0 0 4rem;}
.ctb2{background: #eeeff5; padding: 4rem 0; }

.ctr_con{text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.ctr_con .tra_con{width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; margin-bottom: 3rem;}


/*센터소개*/
.col01{color: #1482df;font-weight:600;}
.col02{color: #52a75a;font-weight:600;}
.ctr_con .cen_box{width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; margin-bottom: 4rem;}
.ctr_con .cen_box .cen_txt{width: 50%;margin-top: 1.7rem; }
.ctr_con .cen_box .cen_txt p{margin-bottom: 1rem; padding-right: 1rem;}
.ctr_con .cen_box .cen_txt p:last-of-type{margin-bottom: 0;}
.ctr_con .cen_box .cen_txt p b{font-weight: 500;}
.ctr_con .cen_box .cen_img{width: 50%;}
.ctr_con .cen_box .cen_img img{max-width: 100%;}

.ctr_con .tra_con .ci_box{width: 75%;  }
.ctr_con .ci_box dl{padding: 1.5rem; border-top: 2px solid #000; margin-bottom: 1rem;}
.ctr_con .ci_box dl p{position: relative; padding-left:1rem;}
.ctr_con .ci_box dl p:after{position: absolute; display: block; content:''; width: .2rem; height: .2rem; border-radius: 50%; left: 0; top:12px; background-color: #000;}
.ctr_con .tra_con .ci_box .ci_logo{width: 100%; padding: 4rem 2rem; text-align: center; background: url("/images/default/content/chr00.gif") repeat-x center bottom; border: 1px solid #ddd; border-bottom: 0;}
.ctr_con .tra_con .ci_box .ci_logo img{max-width: 80%;}

.ctr_con .clr_box{width: 100%; padding: 2rem 0; background: #fff; border: 1px solid #ddd; border-right: 4px solid #3cbcfe; display: flex; flex-direction: row; justify-content: center; align-items: stretch;}
.ctr_con .clr_box li{display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; margin-right: 5%;}
.ctr_con .clr_box li:last-child{margin-right: 0;}
.ctr_con .clr_box li .clr_img{margin-right: .5rem; width: 4.5rem;height:4.5rem; background: #0062ac;}
.ctr_con .clr_box li:nth-of-type(2) .clr_img{background: #c4e0aa;}
.ctr_con .clr_box li .clr_txt .clr_name{font-size:0.9rem;padding:0.3rem 0;}
.ctr_con .clr_box li .clr_txt p{color: #727070; text-align: left;font-size:0.8rem;}
.ctr_con .clr_box li .clr_txt p em{margin: 0 .1rem; font-weight: 600;}

.tra_con .small_s{padding-left: 1rem; font-size: .85rem;}



/*센터장인사말*/
.ctr_con .cen_box02{margin-bottom:0;}
.ctr_con .cen_box02 h3{font-size:1.5rem;font-weight:500;}
.ctr_con .cen_box02 h3 em{color:#1482df;}
.ctr_con .itr_img{width: 40%;margin-top:8.4rem;position:relative;}
.ctr_con .itr_img:after{content:'';display:block;position:absolute;width:20.4rem;height:17.7rem;right:-8rem;top:-9rem;background:url("/images/default/content/itr_bg.png")no-repeat;}
.ctr_con .itr_spe{text-align:left;width:80%;}
.ctr_con .itr_spe h5 em{color: #1482df;}
.ctr_con .itr_spe p{padding-bottom: 1rem; padding-right:5.5rem;}
.ctr_con .itr_spe p:last-child{padding-bottom: 0;padding-left:1rem;}
.ctr_con .itr_spe p b{font-weight: 700;}
.ctr_con .itr_spe .itr_name{margin-top: 3rem;color:#000000;position:relative;}
.ctr_con .itr_spe .itr_name:after{width:2px;height:5rem;position:absolute;content:'';left:0;bottom:0;background:#1482df;display:block;}

.ctr_con .itr_spe .itr_name img{margin-left: 1rem; vertical-align: text-bottom;}
.ctr_con .itr_spe .itr_txt{position:relative;}


/*미션과 핵심가치*/
.mis{display:flex;justify-content: space-between;border-bottom:1px solid #dcdcdc;padding:3.25rem 0;}
.mis em{color:#00a8ff;}
.mis h4{margin-bottom:0;}
.mis .mis_txt h5{color:#fff;background:#10253f;padding-bottom:0;padding:0.8rem 4rem;border-radius:100px;font-weight:500;}
.mis .mis_bx{width:75%;}
.mis01 {padding-top:0;}
.mis01 .mis_bx{margin-top:0;}
.mis02 {border-bottom:0;}
.mis02 .mis_bx{border:3px solid #10253f;padding:1.5rem 0;text-align:center;}
.mis02 .mis_bx p span:first-child{font-size:1.3rem;font-weight:500;color:#000;font-family: 's-core-dream', serif}
.mis02 .mis_bx p span em{font-weight:600;color:#10253f;}
.mis02 .mis_bx p span:last-child{border-left:1px solid #666;border-right:1px solid #666;padding:0 0.5rem;font-weight:500;}
.mis03{padding-bottom:0;border-bottom:0;}
.mis03 .mis_bx ul {display:flex;justify-content: space-between;position:relative;}
.mis03 .mis_bx ul:after{display:block;position:absolute;content:'';width:45rem;height:4.45rem;left:50%;transform: translateX(-50%);top:-4.45rem;background:url("/images/default/content/arrow_bg.png") no-repeat ;background-size:cover;}
.mis03 .mis_bx ul li{text-align:center;flex-basis:28%;}
.mis03 .mis_bx ul li .s_bx{padding:1.5rem 0; width:100%;border:1px solid #cecece;color:#fff;font-weight:500;font-size:1.25rem;}
.mis03 .mis_bx ul li .s_bx img{display:block;margin:0 auto;}
.mis03 .mis_bx ul li .s_txt{line-height:1.5;margin-top:1rem;}
.mis03 .mis_bx ul li .s_txt em{font-weight:500;}
.mis03 .mis_bx ul li:nth-child(1) .s_bx{background:#c0504d;}
.mis03 .mis_bx ul li:nth-child(2) .s_bx{background:#91376a;}
.mis03 .mis_bx ul li:nth-child(3) .s_bx{background:#215968;}
.mis03 .mis_bx ul li:nth-child(1) .s_txt em{color:#c0504d;}
.mis03 .mis_bx ul li:nth-child(2) .s_txt em{color:#91376a;}
.mis03 .mis_bx ul li:nth-child(3) .s_txt em{color:#215968;}


/*함께하는사람들*/
.ctr_con .org_box{width: 1200px;}
.ctr_con .org_box img{max-width: 100%;}
.ctr_con .org_sub{position: relative; margin-bottom: 2rem;padding-bottom:0;font-weight:500;font-size:1.35rem;}
.ctr_con .org_sub:after{position: absolute; display: block; content:''; width: 100%; height: 2px; top:-1rem; left:50%; transform: translate(-50%); background-color: #000;}
.ctr_con  .orn_info{width: 100%; display: flex; flex-direction: row; justify-content: space-around; align-items: stretch;}
.ctr_con  .orn_info li{background: #fff; width: 17%; padding: 0 1rem 1rem 1rem; border: 1px solid #ddd;}
.ctr_con  .orn_info li .i_name{position: relative; font-size: 1rem; line-height: 1; font-weight: 500; display: block; padding: .8rem 0;}
.ctr_con  .orn_info li .i_name:after{position: absolute; display: block; content:''; width: 100%; height: 1px; background: #000; bottom: 0; left: 50%; transform: translateX(-50%);}
.ctr_con  .orn_info li .i_name em{font-size:0.8rem;font-weight:normal;display:block;margin-top:0.5rem;}
.ctr_con  .orn_info li .poco{margin-top: 1rem; }
.ctr_con  .orn_info li .poco p{font-size: .9rem; position: relative; font-weight: 400; text-align: left; margin-left: 1.4rem; margin-bottom: .3rem;}
.ctr_con  .orn_info li .poco p:last-child{margin-bottom: 0;font-weight: 500; }
.ctr_con  .orn_info li .poco p:after{position: absolute; display: block; content:''; width: .85rem; height: .9rem; top: .2rem; left: -1.2rem;}
.ctr_con  .orn_info li .poco p:nth-of-type(1):after{background: url("/images/default/content/org01.png") no-repeat center center; background-size: .85rem .9rem;}
.ctr_con  .orn_info li .poco p:nth-of-type(2):after{background: url("/images/default/content/org02.png") no-repeat center center; background-size: .85rem .9rem;}
.ctb_org{background:#f7f7f7;}


/*오시는 길*/
.ctr_con .map{width: 100%;}
.ctr_con .map .root_daum_roughmap{width:100% !important; height:25rem;}
.ctr_con .map .root_daum_roughmap .wrap_map{height:100% !important;}
.ctr_con .address{width: 100%; display: flex;flex-direction: row;padding: 1.5rem 3rem 1.5rem 3rem; border:1px solid #c9c9c9; margin-bottom: 4rem; border-right: 4px solid #3cbcfe;}
.ctr_con .address li{ text-align: left;  display: flex; flex-direction: column; justify-content: center;padding-left:3rem;}
.ctr_con .address li:first-child{position: relative;padding-left:0;padding-right:3rem;}
.ctr_con .address li:first-child:after{position: absolute; display: block; content:''; width: 1px; height: 70%; right:0; top:50%; transform: translateY(-50%); background-color: #ddd;}
.ctr_con .address li img{max-width: 12rem;}
.ctr_con .address li p{position: relative; padding-left: 3rem;}
.ctr_con .address li p span{position: absolute; left:0; top:0; font-weight: 700;}

.ctr_con .tra_con h4{margin-left: 1.5rem; position: relative;text-align:left;}
.ctr_con .tra_con h4:after{position: absolute; display: block; content:''; width: 1rem; height: 1.25rem; top: .2rem; left: -1.5rem;}
.ctr_con .tra_con h4 em{color:#1482df}
.ctr_con .tra_con:nth-of-type(2) h4:after{background: url("/images/default/content/tran01.png") no-repeat center center; background-size: 1rem 1.25rem;}
.ctr_con .tra_con:nth-of-type(3) h4:after{background: url("/images/default/content/tran02.png") no-repeat center center; background-size: 1rem 1.25rem;}
.ctr_con .tra_con:nth-of-type(3) h4.txt:after{display:none;}
.ctr_con .tra_con .tra_wrap{width: 80%; text-align: left; border-top: 2px solid #000; box-sizing: border-box;}
.ctr_con .tra_con .tra_wrap li{ position: relative; padding: 1rem 1rem 1rem 1.5rem; border-bottom: 1px solid #ddd;}
.ctr_con .tra_con .tra_wrap li:after{position: absolute; display: block; content:''; width: .2rem; height: .2rem; border-radius: 50%; left: .75rem; top:1.8rem; background-color: #000;} 
.ctr_con .tra_con .tra_wrap li p{position: relative; padding-left: 5rem;color:#595757;}
.ctr_con .tra_con .tra_wrap li p span{position: absolute; left:0; top:50%;transform: translateY(-50%); font-weight: 500;color:#221815; }

.ctr_con .tra_con:nth-of-type(3){margin-bottom: 0;}
.ctr_con .tra_con:nth-of-type(3) .tra_wrap li{padding: 1rem;position:relative;}
.ctr_con .tra_con:nth-of-type(3) .tra_wrap li:after{background: none;}
.ctr_con .tra_con:nth-of-type(3) .tra_wrap li p{padding-left: 6rem;color:#221815;}
.ctr_con .tra_con:nth-of-type(3) .tra_wrap li p span img{max-width: 5rem;}



/*사업안내*/
.wor_con{width: 100%; display: flex; justify-content: space-between; text-align: left; margin-bottom: 4rem; }
.wor_con:last-child{margin-bottom:0;}
.wor_con h4 span{position: relative; display: inline-block;}
.wor_con h4 span:after{position: absolute; display: block; content:''; width: 120%; height: 80%; bottom: 0; left: 50%; transform: translateX(-50%); background-color: #cdeeff; z-index: -1;}
.wor_con .wor_box{font-size: .85rem; width: 75%; display: table; border-collapse: collapse; padding: 1rem; border: 1px solid #ddd; border-bottom: none;}
.wor_con .wor_box > li p{ width: 100%; position: relative; display: block; padding: 1rem 1.5rem; border-bottom: 1px solid #ddd;font-size:1rem;color:#222;font-weight:400;cursor:pointer;}
.wor_con .wor_box > li.on p{ color: #fff; background: #0c2038;font-size:1rem;}
.wor_con .wor_box > li p:after {content: "\e942";display: block;position: absolute;right: 1.5rem;top: 50%;transform: translateY(-50%);font-family: 'xeicon';font-weight: 500;cursor:pointer;font-size:1.3rem;}
.wor_con .wor_box > li.on p:after { content: "\e91b";}
.wor_con .wor_link > li p{float:left;display:inline-block;}
.wor_con .wor_link > li p:after{display:none;}
.wor_con .wor_link > li a{position:absolute;right:1rem;top:50%;transform: translateY(-50%);}
.wor_con .wor_link > li p span{color:#0088ce;font-size:0.75rem;position:relative;padding-right:1rem;}
.wor_con .wor_link > li p span:after{content:'';display:block;position:absolute;right:0;top:50%;background: url("/images/default/content/link_icon.png") no-repeat;width:0.65rem;height:0.65rem;transform: translateY(-50%);background-size: cover;}
.wor_con .wor_link > li p:last-child{cursor:auto;}

.wor_con .wor_box > li ul{background-color: #fafafa; padding: 1.5rem; border-bottom: 1px solid #ddd;}
.wor_con .wor_box > li ul li{position: relative; margin-left: .5rem; padding-left: 2.5rem; margin-bottom: .6rem;}
.wor_con .wor_box > li ul li:after{position: absolute; display: block; content:''; width: .2rem; height: .2rem; border-radius: 50%; top: 12px; left: -.5rem; background-color: #37bbff;}
.wor_con .wor_box > li ul li:last-child{margin-bottom:0;}
.wor_con .wor_box > li ul li span{position: absolute; left:0; top:0;font-weight: 600;}
.wor_con .wor_box > li ul li i{line-height: 1; line-height: 0; margin-bottom: .2rem;}
.wor_con .wor_box > li ul li ul{border-bottom:0; padding: .5rem .5rem 0rem .5rem; padding-left:0;}
.wor_con .wor_box > li ul li ul li{padding-left: 0rem; margin-left: 2rem;margin-top:5px;color:#888;font-size:0.8rem;margin-bottom:0;}
.wor_con .wor_box > li ul li ul li:after{background-color: #888;}


/*이용방법*/
.use_con .tra_con .tra_wrap li{position:relative;padding-left:2rem;}
.use_con .tra_con .tra_wrap > li > em{color:#1482df;font-weight:500;margin-right:0.5rem;position:absolute;}
.use_con .tra_con .tra_wrap li em{color:#1482df;font-weight:500;margin-right:1rem;}
.ctr_con .tra_con .tra_wrap li .tra_txt{padding-left:1rem;}
.use_con .tra_con .tra_wrap li:after{display:none;}
.use_con .tra_con h4:after{display:none;}
.use_con .tra_con .htu_list{width:100%;display:flex;}
.use_con .tra_con .htu_list li{flex-basis:25%;padding-top:2rem;position:relative;font-size:0.85rem;}
.use_con .tra_con .htu_list li > span:after{content:'';display:block;background:#000;position:absolute;height:1px;width:100%;left:0;top:50%;transform: translateY(-50%);opacity:0.2;z-index:1}
.use_con .tra_con .htu_list li > span:before{content:'';background:#1482df;width:0.45rem;height:0.45rem;display:block;position:absolute;left:0;top:50%;z-index:;transform: translateY(-50%);z-index:2}
.use_con .tra_con .htu_list li .htu_txt{margin-top:3rem;position:relative;}
.use_con .tra_con .htu_list li .htu_txt a{color:#df6f14; text-decoration:underline !important; font-weight:500;}
.use_con .tra_con .htu_list li .htu_txt i{color:#df6f14; }
.use_con .tra_con .htu_list li:nth-child(1) .htu_txt p span{border:1px solid #ddd;background:#fff;padding:0.2rem 1rem;transition:0.3s;font-size:0.75rem;display:block;width:60%;margin-top:0.5rem;text-align:center;}
.use_con .tra_con .htu_list li:nth-child(1) .htu_txt p span i{margin-left:0.2rem;}
.use_con .tra_con .htu_list li:nth-child(1) .htu_txt p span:hover{color:#fff;background:#00a8ff;}
.use_con .tra_con .htu_list li:nth-child(2) .htu_txt p b{position:absolute;left:3rem;}

.use_con .htu_bx{width:80%;text-align:left;background:#f9f9f9;box-sizing:border-box;padding:2rem 3rem 2rem 4rem;position:relative;}
.use_con .tra_add{margin-left:20%;}
.use_con .tra_add li{display:flex;}
.use_con .tra_add li p {flex-basis:33%;text-align:center;}
.use_con .tra_con:nth-of-type(3) .tra_wrap li p{padding-left:0;}


/*네트워크*/
.con .con_tab {margin-bottom:3rem; zoom:1; width: 100%;}
.con .con_tab:after {content:" "; display:block; clear:both;}
.con .con_tab ul{width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; background-color:#dcdcdc;}
.con .con_tab li {position:relative;z-index:1; width:25%; background-color:#dcdcdc; }
.con .con_tab li:after{position: absolute; content:" "; display:block; }
.con .con_tab li a {display:block; position:relative; text-align:center; font-weight:400; color: #000; font-size:.95rem; width:100%; height:2.7rem; line-height:2.7rem;}
.con .con_tab li:focus a,
.con .con_tab li:hover a{background:#10253f; color: #fff; -webkit-transition: all 0.25s; transition: all 0.25s;}
.con .con_tab li.on {z-index:2; background:#10253f;}
.con .con_tab li.on a{color: #fff;font-weight:500; position:relative;}

.table_con{font-size: .85rem;}
.table_con .ova{margin-bottom: 2.75rem;}
.table_con .ova:last-child{margin-bottom:0;}
.table_con .ova .scr{display: none;}


.table_con table{border-collapse:collapse; clear:both;  margin-bottom: .5rem; border-top:2px solid #111111;}
.table_con table caption{display:none;}
.table_con table thead th{color:#111111; background-color: #fafafa; border-top: 2px solid #000; border-bottom:1px solid #000; border-left:1px solid #cecece; font-weight:500;  padding: 15px 10px;}
.table_con table thead th:first-child{border-left:none;}
.table_con table tbody td{border-bottom: 1px solid #cecece; text-align: center; padding: 5px; border-left:1px solid #cecece;line-height:1.4;word-break: keep-all;}
.table_con table tbody td:first-child{border-left:none; }
.table_con table tbody .tb_p{padding:20px;}

.table_con table tbody td:last-of-type{text-align:left;}
#t03 table tbody td:last-of-type,
#t04 table tbody td:last-of-type{text-align:center;}
.table_con .ova:nth-of-type(10) table tbody tr td:nth-of-type(10){text-align: center;}

.table_con table tbody td:last-of-type p{position: relative; padding-left:1rem;}
.table_con table tbody td:last-of-type p:after{position: absolute; display: block; content:''; width: .2rem; height: .2rem; border-radius: 50%; left: 0.5rem; top:0.5rem; background-color: #666;}

.table_con table tbody td i{color:#666;font-size:0.9rem;}
.ova .reference{text-align:right;margin-bottom:0.5rem;}


/*지역자원 MAP*/
.marker{border-top:1px solid #000; padding-top:10px; margin-bottom:1rem;}
.map_area{overflow:hidden; position:relative; background: url("/images/default/content/map_bg.png") no-repeat right top; background-size:21rem auto;}
.map_area h3{position:absolute; left:0; top:30px; padding-bottom:0;}
.map{position:relative; display:table; margin-right:auto; margin-left:auto;} 

.popinfo{display:none; position:absolute;  font-size:0.7rem; line-height:1.3; width:350px;  padding:2.3rem 1rem 0.5rem; background:rgba(255,255,255,0.95); border:1px solid #2088e1; box-shadow:0 3px 10px rgba(0,0,0,0.10);}
.popinfo h5{position:absolute; left:0; top:0; width:100%; background:#1482df; color:#fff; font-size:0.95rem; padding:3px 0 5px; font-weight:400; text-align:center; font-family: 'Noto Sans KR', '나눔고딕',  'Dotum', '돋움', 'sans-serif';}
.popinfo h6{font-size:0.7rem; font-weight:400; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #ececec;font-family: 'Noto Sans KR', '나눔고딕',  'Dotum', '돋움', 'sans-serif';}
.popinfo ul{margin-bottom:10px; display:flex; flex-flow: row wrap; justify-content: space-between;font-size:0.85rem;  color:#000;}
.popinfo ul li{margin-bottom:10px;}
.popinfo ul li b{font-weight:400; display:block;}
.popinfo ul li em{color:#2088e1; margin-right:10px;}
.popinfo span{margin-right:10px; display:inline-block; position:relative;  padding-left:10px; }
.popinfo span:before{ content : ""; display : block; position : absolute; left :0; top:50%; margin-top:-3px; width : 3px; height : 3px; background : #b4b4b4; border-radius:50%; }
.popinfo .close{position:absolute; right:10px; top:8px; }
.popinfo .close i{color:rgba(255,255,255,0.8); cursor:pointer;}


.gonghang_con{left:0; top:164px;} 
.balsan1_con{left:206px; top:283px;} 
.sinweol5_con{left:239px; top:452px;} 
.hwagok1_con{left:306px; top:450px;} 
.hwagok2_con{left:422px; top:459px;}  
.hwagok4_con{left:474px; top:417px;} 
.hwagok6_con{right:21px; top:295px;} 
.hwagok8_con{left:381px; top:439px;} 
.hwagokbon_con{left:393px; top:437px;} 
.woozangsan_con{left:351px; top:289px;} 
.deungchon2_con{right:-43px; top:389px;} 
.deungchon1_con{right:50px; top:279px;} 
.deungchon3_con {left:381px; top:72px;} 
.bangwha2_con{left:69px; top:0; width:370px;} 
.bangwha3_con{left:204px; top:0px;} 
.bangwha1_con{left:171px; top:171px;} 
.magok_con{right:171px; top:131px;} 
.gayang1_con{right:91px; top:124px;} 
.gayang2_con{right:10px; top:137px;} 
.gayang3_con{right:-30px; top:175px;} 
.yeomchang_con{right:-100px; top:270px;} 




/********************************************************
■ 레이아웃 변경
********************************************************/

@media (max-width:1400px){
	.con{width:100%; padding:0 1rem;}
	.bx{width:100%; padding:0 1rem;}

	/*센터장인사말*/
	.ctr_con .itr_img:after{display:none;}

	/*미션과 핵심가치*/
	.mis{padding:3.25rem 1rem;}
	.mis02,	.mis03{border-bottom:0;}

	/*네트워크*/
	.table_con .ova{position: relative; width: 100%; overflow: auto;}
}

@media (max-width:1200px){
	/*센터소개*/
	.ctr_con .cen_box .cen_txt p br{display: none;}

	/*센터장말*/
	.ctr_con .com_sub{width: 100%;}
	.ctr_con .com_sub h5{padding-left: 2rem;}


	/*함께하는사람들*/
	.ctr_con .org_box{width: 100%;}


	/*오시는 길*/
	.ctr_con .address{padding: 1.5rem 2rem 1.5rem 0;}
	.ctr_con .address li:first-child{padding: 0 2rem;}
}


/********************************************************
■ 태블릿
********************************************************/
@media (max-width:1030px){	
	.con{font-size:1rem;}
	.bx{font-size:1rem;}
	h4{font-size: 1.4rem;}


	/*센터소개*/
	.ctr_con > p br{display: none;}
	.ctr_con .tra_con .ci_box {width: 100%;}

	/*함께하는사람들*/
	.ctr_con  .orn_info{flex-wrap: wrap; justify-content: flex-start;}
	.ctr_con  .orn_info li{width: 33.33%;}

	/*센터장 인사말*/
	.ctr_con .cen_box02{flex-direction: column;}
	.ctr_con .cen_box .itr_spe{width: 100%;}
	.ctr_con .cen_box .itr_img{width: 100%;margin-bottom: 1rem;margin-top:2rem;}


	/*미션과 핵심가치*/
	.mis{padding:3.25rem 1rem;flex-direction:column;}
	.mis .mis_bx{width:100%;margin-top:2rem;}
	.mis03{padding-top:0;padding-bottom:0;}
	.mis .mis_txt{text-align:center}
	.mis .mis_txt h5{padding:0.5rem 6rem;display:inline-block;}
	.mis01{text-align:center;}
	.mis03 .mis_bx ul:after{top:-8rem;z-index:-1;}

	/*오시는 길*/
	.ctr_con .address{flex-wrap: wrap; justify-content: flex-start; padding: 1.5rem 0;}
	.ctr_con .address li:first-child{width: 100%; padding: 0 2rem 1.5rem;}
	.ctr_con .address li:first-child:after{background: none;}
	.ctr_con .address li{padding: 0 2rem;}

	.ctr_con .tra_con{flex-direction: column; }
	.ctr_con .tra_con h4{display: inline-block; text-align: left;}
	.ctr_con .tra_con .tra_wrap{width: 100%;}

	/*이용안내*/
	.use_con .htu_bx{width:100%; padding:1rem;}
	.use_con .tra_add{margin:0;}


	/*사업안내*/
	.wor_con{flex-direction: column;}
	.wor_con br{display: none;}
	.wor_con span{margin-right: .6rem;     vertical-align: text-top;}
	.wor_con .wor_box {width: 100%}


	/*네트워크*/
	.table_con .ova{width: 100%; overflow: auto;}
	.table_con .ova table{width: 1030px;}
	.table_con .ova .scr{display: inline-block !important; position: sticky; left:0; top: 0; color: #00a8ff;}
	.table_con .ova .scr span{display: inline-block; transform: rotate(-90deg);}


	/*지역자원 MAP*/	
	.map_area{background:none;}
	.map_area h3{position:relative; top:10px; margin-bottom:20px;}

	.popinfo{width:100%; position:relative;top:auto !important; left:auto !important; right:auto !important; bottom:auto !important; margin-top:20px;}
}



/********************************************************
■ 모바일
********************************************************/
@media (max-width:767px){

	.web{display:none;} .mob{display:block;}
	/*센터소개*/
	.ctr_con .cen_box {flex-direction: column;}

	.ctr_con .cen_box .cen_txt{width: 100%;}
	.ctr_con .cen_box .cen_img{width: 100%; margin-top: 1rem;}
	.ctr_con .cen_box .cen_img img{width: 100%;}

	.ctr_con .tra_con .ci_box{width: 100%; height: auto;}
	.ctr_con .tra_con .ci_box .ci_logo{padding: 2rem 1rem;} 
	.ctr_con .tra_con .clr_box{padding: 1.5rem; flex-direction: column; justify-content: center; padding-left: 2rem;}
	.ctr_con .tra_con .clr_box li{margin-bottom: 1rem;}
	.ctr_con .tra_con .clr_box li:last-child{margin-bottom: 0;}
	.ctr_con .tra_con .clr_box li .clr_img{height: 4rem;}
	
	/*센터장인사말*/


	.ctr_con .itr_spe p{padding:0;}
	.ctr_con .itr_img{margin-top:3rem;}
	/*함께하는사람들*/
	.ctr_con  .orn_info li{width: 50%;}
	

	/*오시는 길*/
	.ctr_con .address li{width: 100%; padding: 0 1rem; margin-bottom: 1rem;}
	.ctr_con .address li:first-child{padding: 0 1rem;}
	.ctr_con .address li:last-child{margin-bottom: 0;}

	/*이용안내*/
	.use_con .tra_con .htu_list{flex-wrap : wrap;}
	.use_con .tra_con .htu_list li{flex-basis:50%;text-align:center;padding-bottom:1rem;padding-top:0;}
	.use_con .tra_con .htu_list li:nth-child(3),
	.use_con .tra_con .htu_list li:nth-child(4){padding-bottom:0;}
	.use_con .tra_con .htu_list li > span{display:none;}
	.use_con .tra_con .htu_list li:nth-child(2) .htu_txt p b{position:relative;left:0;}
	.use_con .tra_add li{flex-direction:column;}
	.use_con .tra_add li p{text-align:left;}
	.use_con .tra_con .htu_list li .htu_txt{margin-top:1rem;}
	.use_con .tra_con .htu_list li:nth-child(1) .htu_txt p span{margin:0.5rem auto;margin-bottom:0;}


	/*미션과 핵심가치*/
	.ctr_con .mis_box{width: 100%;}
	.ctr_con .main_val{width: 100%; flex-direction: column; align-items: center;}
	.ctr_con .main_val li{width: 100%; margin-bottom: 1rem;}
	.ctr_con .main_val li:last-child{margin-bottom: 0;}
	.ctr_con .main_val li:after{display: none;}
	.mis{padding-top:0;border-bottom:0;}
	.mis03 .mis_bx ul li{flex-basis:32%;}
	.mis03 .mis_bx ul li .s_bx img{width:40%;}

	/*사업안내*/
	.wor_con .wor_link > li a{position:relative;display:block;transform:translateX(0);right:auto;}

	/*네트워크*/
	.con .con_tab ul{flex-wrap: wrap;}
	.con .con_tab li {width:50%;}
}