@charset "utf-8";

/* 인사말 */
.greeting_wrap{padding-left:430px;background:url(/nanum/site/builder/dir/wonnuri/img/menu3331/bg_greeting2.jpg) no-repeat 0 0;}
.greeting_wrap .headline{padding-bottom:40px;font-family:'NotoKrL';font-size:35px;line-height:48px;letter-spacing:-0.05em;}
.greeting_wrap .headline .blue{color:#3660e2;}
.greeting_wrap .greeting_txt{padding-bottom:40px;}
.greeting_wrap .greeting_txt p{padding-bottom:30px;font-size:15px;line-height:25px;color:#555;word-break:keep-all;}
.greeting_wrap .director{font-size:17px;}
.greeting_wrap .director strong{padding-left:10px;font-size:23px;}


/*연혁*/
.history_wrap{width:100%;}
.history_wrap .year_box{font-family:'Prompt', sans-serif;font-weight:500;letter-spacing:0;}
.history_wrap .year_box:first-child p{margin-top:0;}
.history_wrap .year_box .year{margin:50px 0 20px 0;font-size:22px;color:#3660e2;}
.history_wrap .year_box dl{position:relative;display:inline-block;width:100%;padding:10px 0;font-size:16px;color:#000;background:url(/nanum/site/builder/dir/wonnuri/img/menu3331/history_line.gif) repeat-y 5px;}
.history_wrap .year_box dl dt{position:absolute;top:10px;left:0;width:95px;margin:0 10px 0 20px;padding:0 10px;font-family:'Prompt','NotoKrM',sans-serif;font-weight:500;color:#fff;text-align:center;border-radius:100px;background:#2275db;}
.history_wrap .year_box dl dd{padding-left:140px;margin-bottom:5px;font-family:'Prompt', 'NotoKrR', sans-serif;font-weight:400;letter-spacing:-0.05em;}

/* 운영진소개 */
.org_wrap{display:inline-block;width:100%;}
.org_wrap .org{margin-bottom:50px;text-align:center;background:url(/nanum/site/builder/dir/wonnuri/img/menu3331/org_line01.gif) no-repeat 50% 130px;}
.org_wrap .org ul li a{cursor:inherit;}
.org_wrap .row1 a,
.org_wrap .row3 a{display:inline-block;width:130px;height:130px;font-size:19px;font-family:'NotoKrB', sans-serif;color:#fff;text-align:center;letter-spacing:-0.05em;line-height:130px;border-radius:100px;background:#1c92eb url(/nanum/site/builder/dir/wonnuri/img/menu3331/organiziton_img.gif) no-repeat 40px 35px;box-shadow:7px 15px 15px 0px rgba(0,0,0,0.2);}
.org_wrap .row2{position:relative;height:52px;margin-top:20px;}
.org_wrap .row2 > ul{float:right;width:50%;background:url(/nanum/site/builder/dir/wonnuri/img/menu3331/org_line02.gif) no-repeat 0 50%;}
.org_wrap .row2 > ul > li{margin-left:153px;}
.org_wrap .row2 > ul > li > a{display:inline-block;width:268px;line-height:48px;font-size:16px;color:#fff;font-family:'NotoKrM', sans-serif;text-align:center;letter-spacing:-0.05em;border-radius:5px;border:2px solid #555;background:#555;}
.org_wrap .row3{position:relative;margin-top:18px;}
.org_wrap .row3 a{background:#11be42;}
.org_wrap .row4{line-height:0;}
.org_wrap .row4 > ul{display:inline-block;width:100%;padding-top:85px;background: url(/nanum/site/builder/dir/wonnuri/img/menu3331/org_line03.gif) no-repeat 50% top;}
.org_wrap .row4 > ul > li{display:inline-block;float:right;width:268px;}
.org_wrap .row4 > ul > li > a{display:inline-block;width:100%;font-family:'NotoKrM', sans-serif;color:#555;line-height:48px;border:2px solid #c2cfe4;border-radius:5px;background:#f0f6ff;}
.org_wrap .row4 > ul > li:first-child{float:left;}
.org_wrap .row5 > ul{padding-top:86px;background:url(/nanum/site/builder/dir/wonnuri/img/menu3331/org_line04.gif) no-repeat 50% 0;}
.org_wrap .row5 > ul > li{display:inline-block;width:268px;}
.org_wrap .row5 > ul > li > a{display:inline-block;width:100%;font-family:'NotoKrM', sans-serif;color:#555;line-height:48px;border:2px solid #929292;border-radius:5px;background:#fff;}

/* 협력기관(단체) */
.banner_wrap ul{display:inline-block;margin:-10px 0 0 -10px;}
.banner_wrap ul li{display:table;float:left;margin:10px 0 0 10px;text-align:center;}
.banner_wrap ul li a{display:table-cell;vertical-align:middle;width:203px;height:70px;line-height:0;border:1px solid #e5e5e5;}

/* 찾아오시는길 */
.contact_wrap .map_box{width:850px;margin-bottom:20px;}
.contact_wrap .map_box .root_daum_roughmap{width:850px;}
.contact_wrap .map_box .root_daum_roughmap .wrap_map{height:470px;}
.contact_wrap .map_info{overflow:hidden;height:50px;margin-bottom:70px;}
.contact_wrap .map_info dl{float:left;font-family:'NotoKrM';font-size:16px;line-height:50px;}
.contact_wrap .map_info dt{float:left;padding:0 30px 0 70px;}
.contact_wrap .map_info dt.addr{background:url(/nanum/site/builder/dir/wonnuri/img/menu3331/icon_addr.gif) no-repeat;}
.contact_wrap .map_info dt.tel{background:url(/nanum/site/builder/dir/wonnuri/img/menu3331/icon_tel.gif) no-repeat;}
.contact_wrap .map_info dd{float:left;margin-right:40px;color:#555;}
.contact_wrap .map_info dd span{font-family:'Montserrat',sans-serif;font-weight:500;letter-spacing:0.05em;}
.contact_wrap .map_info .map_zoom{display:block;float:right;width:160px;height:50px;background:#238cfa;font-size:16px;line-height:50px;letter-spacing:-0.05em;color:#fff;text-align:center;}
.contact_wrap .map_info .map_zoom span{padding-left:30px;background:url(/nanum/site/builder/dir/wonnuri/img/menu3331/btn_map_zoom.png) no-repeat 0 50%;}
.contact_wrap .route_info{border-top:1px solid #000;}
.contact_wrap .route_info dl{display:table;padding:40px 0;border-bottom:1px solid #e5e5e5;vertical-align:middle;}
.contact_wrap .route_info dt,
.contact_wrap .route_info dd{display:table-cell;vertical-align:middle;}
.contact_wrap .route_info dt{width:200px;}
.contact_wrap .route_info dt span{display:block;padding-top:45px;font-family:'NotoKrM';font-size:20px;line-height:25px;color:#1f4bb4;text-align:center;}
.contact_wrap .route_info dt span.bus{background:url(/nanum/site/builder/dir/wonnuri/img/menu3331/icon_bus.gif) no-repeat 50% 0;}
.contact_wrap .route_info dt span.taxi{background:url(/nanum/site/builder/dir/wonnuri/img/menu3331/icon_taxi.gif) no-repeat 50% 0;}
.contact_wrap .route_info dt span.car{background:url(/nanum/site/builder/dir/wonnuri/img/menu3331/icon_car.gif) no-repeat 50% 0;}
.contact_wrap .route_info dt span.kobus{background:url(/nanum/site/builder/dir/wonnuri/img/menu3331/icon_kobus.gif) no-repeat 50% 0;}
.contact_wrap .route_info dd{width:600px;padding-left:50px;}
.contact_wrap .route_info dd ul > li{margin-top:30px;}
.contact_wrap .route_info dd ul > li:first-child{margin-top:0;}
.contact_wrap .route_info dd ul > li p{color:#555 !important;}
.contact_wrap .route_info dd ul.list li{margin-top:0;}
.contact_wrap .route_info dd .route_tit{overflow:hidden;margin-bottom:10px;font-family:'NotoKrB';font-size:17px;color:#222 !important;}
.contact_wrap .route_info dd .route_tit:first-of-type{margin-top:0;}
.contact_wrap .route_info dd .route_tit li{float:left;margin-left:12px;padding-left:34px;background:url(/nanum/site/builder/dir/wonnuri/img/menu3331/bg_route_arr.gif) no-repeat 0 50%;}
.contact_wrap .route_info dd .route_tit li:first-child{margin-left:0;padding-left:0;background:none;}

/******************************1024******************************/
@media all and (max-width:1024px){

/* 인사말 */
.greeting_wrap{padding-left:330px;background-size:300px auto;background-position:0 40px;}
.greeting_wrap .headline{padding:40px 0 20px;font-size:30px;line-height:40px;word-break:keep-all;}
.greeting_wrap .headline br:last-of-type{display:none;}
.greeting_wrap .greeting_txt{padding-bottom:20px;}
.greeting_wrap .greeting_txt p{padding-bottom:15px;font-size:14px;line-height:24px;}



/*연혁*/
.history_wrap .year_box dl dd ul{width:80%;}

/* 협력기관(단체) */
.banner_wrap ul{width:100%;margin:0;}
.banner_wrap ul li{width:23%;margin:0 1%;box-sizing:border-box;}
.banner_wrap ul li a img{width:150px;}

/* 운영진소개 */
.org_wrap .row2 > ul > li{margin-left:30%;}
.org_wrap .row2 > ul > li > a{width:100%;}

/* 찾아오시는길 */
.contact_wrap .map_box{width:100%;}
.contact_wrap .map_box .root_daum_roughmap{width:100%;}
.contact_wrap .map_box .root_daum_roughmap .wrap_map{height:300px;}
.contact_wrap .map_info{height:auto;margin-bottom:50px;}
.contact_wrap .map_info dl{font-size:15px;line-height:35px;}
.contact_wrap .map_info dt{padding:0 20px 0 45px;background-size:35px auto !important;}
.contact_wrap .map_info dd{margin-right:30px;}
.contact_wrap .map_info .map_zoom{width:auto;height:35px;padding:0 20px;font-size:14px;line-height:35px;}
.contact_wrap .map_info .map_zoom span{padding-left:25px;background-size:15px auto;}
.contact_wrap .route_info dl{width:100%;padding:20px 0;}
.contact_wrap .route_info dt{width:20%;}
.contact_wrap .route_info dt span{padding-top:30px;background-size:auto 20px !important;font-size:17px;line-height:22px;}
.contact_wrap .route_info dd{width:80%;padding-left:0;}
.contact_wrap .route_info dd ul > li{margin-top:15px;}
.contact_wrap .route_info dd .route_tit{margin-bottom:8px;font-size:15px;}
.contact_wrap .route_info dd .route_tit li{padding-left:25px;background-size:auto 5px;}
}

/******************************767******************************/
@media all and (max-width:767px){

/* 인사말 */
.greeting_wrap{padding:280px 0 0 0;background-size:auto 250px;background-position:50% 0;text-align:center;}
.greeting_wrap .headline{padding:0 0 20px;font-size:25px;line-height:35px;}
.greeting_wrap .director{font-size:15px;}
.greeting_wrap .director strong{font-size:20px;}
.greeting_wrap .greeting_txt br{display:none;}


/* 운영진소개 */
.org_wrap .org{background:url(/nanum/site/builder/dir/wonnuri/img/menu3331/org_line01_m.gif) no-repeat 50% 90px;}
.org_wrap .row1 a,
.org_wrap .row3 a{width:90px;height:90px;font-size:16px;line-height:90px;background-size:50px auto;}
.org_wrap .row2{height:44px;}
.org_wrap .row2 > ul{background-size:auto 1px;}
.org_wrap .row2 > ul > li > a,
.org_wrap .row4 > ul > li > a,
.org_wrap .row5 > ul > li > a{font-size:15px;line-height:40px;}
.org_wrap .row4 > ul,
.org_wrap .row5 > ul{padding-top:37px;background-size:255px auto;}
.org_wrap .row4 > ul > li,
.org_wrap .row5 > ul > li{width:40%;}

/* 협력기관(단체) */
.banner_wrap ul{margin:0;}
.banner_wrap ul li{display:block;width:100%;float:none;margin:10px 0 0 0;}
.banner_wrap ul li a{display:block;width:100%;line-height:70px;}
.banner_wrap ul li a img{vertical-align:middle;}

/* 찾아오시는길 */
.contact_wrap .map_info{height:auto;margin-bottom:50px;}
.contact_wrap .map_info dl{font-size:14px;line-height:35px;}
.contact_wrap .map_info dt{margin-bottom:8px;padding:0 20px 0 45px;background-size:35px auto !important;}
.contact_wrap .map_info dd{margin-bottom:8px;}
.contact_wrap .map_info .map_zoom{width:100%;padding:0;margin-top:10px;}
.contact_wrap .route_info dl{display:block;}
.contact_wrap .route_info dt{display:block;width:100%;margin-bottom:15px;}
.contact_wrap .route_info dt span{display:inline-block;padding:0 0 0 35px;background-position:0 50% !important;}
.contact_wrap .route_info dt span br{display:none;}
.contact_wrap .route_info dd{display:block;width:100%;}

}


/******************************580******************************/
@media all and (max-width:580px){
/*연혁*/
.history_wrap .year_box .year{margin:20px 0 10px 0;font-size:20px;}
.history_wrap .year_box dl{padding:10px 0 0 0;font-size:15px;}
.history_wrap .year_box dl dt{position:static;margin:0 10px 10px 25px;}
.history_wrap .year_box dl dd{padding-left:10px;margin-left:25px;line-height:22px;background:url(/nanum/site/builder/skin/skin04_04/img/common/bu_list3.gif) no-repeat 0 10px;}
	
}