@charset "utf-8";


h3 {color:#408896;}
.guide_box{padding:40px 20px;border:1px solid #ddd}
.line_bx{padding:40px 20px;border:1px solid #ddd;}
.skip_txt{display:none}
.tab-ul.deth-4st li.on a, .tab-ul.deth-4st li.on a:hover, .tab-ul.deth-4st li.on a:focus, .tab-ul.deth-4st li.on a:active {background:#408896 url("/images/common/tab_4th_ov.png") no-repeat scroll 95% 50%; border-color:#408896;color:#fff;}
.compare_sample h3{background:#408896}
.compare_sample .lcon ul:before{background:#408896;}
.compare_sample .rcon ul li:before{top:30%;left:-29%;width:24px;height:24px;background:url(/images/edu/common/sub2_ico.png) no-repeat 0px 0px;}
.ui.uip.type2 li{width:100%;}
.ui.uip.step li .ui_icon{width:72px;height:72px;background:url(/images/edu/common/sub2_ico.png) no-repeat;}
.ui.uip.step li .ui_icon.circle{background-position:0 -30px;}
.ui.uip.step li .ui_icon.pico1{background-position:-72px -30px;}
.ui.uip.step li .ui_icon.pico2{background-position:-144px -30px;}
.ui.uip.step li .ui_icon.pico3{background-position:-216px -30px;}
.ui.uip.step li .ui_icon.pico4{background-position:-288px -30px;}
.ui.uip.step li .ui_icon.pico5{background-position:-360px -30px;}
.ui.uip.step li .ui_icon.pico6{background-position:-432px -30px;}
.ui.uip.step li b{color:#666;}

.sub02_05 .ui.uip li .ui_icon.pico1{background-position:0 -142px;}
.sub02_05 .ui.uip li .ui_icon.pico2{background-position:-71px -142px;}
.sub02_05 .ui.uip li .ui_icon.pico3{background-position:-142px -142px;}
.sub02_05 .ui.uip li .ui_icon.pico4{background-position:-213px -142px;}
.sub02_05 .ui.uip li .ui_icon.pico5{background-position:-356px -142px;}

@media all and (max-width:768px) {
	.compare_sample .rcon ul li:before{left:-31%;}
}
@media all and (max-width:640px) {
	.compare_sample .rcon ul li:before{left:-32%;}
}
@media all and (max-width:540px) {
	.compare_sample .rcon ul li:before{left:-33%;}
}
@media all and (max-width:480px) {
	.compare_sample .rcon ul li:before{left:-34%;}
}
@media all and (max-width:430px) {
	.compare_sample .rcon ul li:before{left:-37%;}
}
@media all and (min-width:768px) {
	.ui.uip.step{padding:35px 0;}
}


@media all and (min-width:640px) {
	.ui.uip.step{padding-top:5%;border:1px solid #ddd;}
	.ui.uip.type2 li{width:20%;}
}

#sub02_01_02 .box_cont{border:none;border-top:1px solid #ddd;}
@media only screen and (min-width:768px) {
	.ui.uip.type2.sub030401 li{margin:0;width:20%;}

}

@media (min-width: 1024px){
	#sub02_01_02 .box_cont {padding-left:150px;}
}


.ui.uit{border-top:1px solid #d2d2d2;border-left:1px solid #d2d2d2;border-right:1px solid #d2d2d2;border-bottom:1px solid #949494;background-color:#f5f5f5;}
.tp_icon {display:block;height:113px;overflow:hidden;width:113px;background:url("/images/edu/common/tp_icon.png") no-repeat;}
.tp_icon.icon1 {background-position: 0 -113px;}
.tp_icon.icon2 {background-position: -113px -113px}
.tp_icon.icon3 {background-position: -226px -113px}
.tp_icon.icon4 {background-position: -339px -113px;}
.tp_icon.icon5 {background-position: -452px -113px;}
.tp_icon.icon6 {background-position: -565px -113px;}

.ui.uia .item:hover, .ui.uia .item:focus, .ui.uia .item:active, .ui.uia .item.ov {border: 1px solid #408896;}


/* 걸어온길 */
.history h2:before{display:none;}
.history{position:relative;/*background:url(/images/mayor/sub01/history_bg.png) no-repeat;background-size:100% 100%;*/}

.history>p{position:absolute;left:0;margin:0;width:64px;height:64px;border:1px solid #e5e5e5;border-radius:100%;color:#07469b;line-height:62px;text-align:center;}
.history .present{top:-80px;}
.history .before{bottom:-80px;}

.history .item_wrap{position:relative;}
.history .item_wrap:before{display:block;content:"";position:absolute;top:5px;left:6px;width:1px;height:97%;background:#ddd;border-radius:4px;}
.history .item{position:relative;margin-top:70px;}
.history .item:first-child{margin-top:0;}
.history .item:after{content:"";display:block;clear:both;visibility:hidden;}
.history .item .grap{position:relative;padding:0 20px 0 28px;}
.history .item .grap:before{content:"";display:block;position:absolute;top:-5px;left:25px;width:15px;height:33px;}
.history .item .grap .tit{position:relative;margin-bottom:10px;color:#000;/*font-family:'nsr','맑은 고딕','Malgun Gothic';*/}
.history .item .grap .tit p{margin:0 0 10px;font-size:16px;line-height:20px;}
.history .item .grap .tit p span{line-height:20px;}
.history .item .grap .tit h3{margin:0;color:#333;font-size:22px;font-weight:bold;line-height:28px;word-wrap:break-word;word-break:keep-all;}
.history .item .grap .tit h3 span{display:block;font-size:14px;font-weight:normal;line-height:18px;}
.history .item .grap .con_history{}

.history .item .grap .con_history .lst_history li{position:relative;margin-top:10px;line-height:25px;word-wrap:break-word;word-break:keep-all;font-size:16px;}

.history .item .grap .con_history .lst_history li:first-child{margin-top:0;}
.history .item .grap .con_history .lst_history li span{display:block;color:#408896;}


.history .item .grap .con_history .lst_history li b{display:block;margin-bottom:15px;font-size:22px;font-weight:normal;color:#408896;}

.history .item .grap .gall_history{margin-top:20px;}
.history .item .grap .gall_history li{margin-bottom:10px;}
.history .item .grap .gall_history li figure span{display:block;background-color:#f7f7f7;text-align:center;}
.history .item .grap .gall_history li figure span img{width:100%;}
.history .item .grap .gall_history li figcaption{margin-top:7px;font-size:13px;line-height:15px;text-align:left;word-wrap:break-word;word-break:keep-all;}
.history .item .grap .gall_history:after{content:"";display:block;clear:both;visibility:hidden;}


.history .tit_wrap{font-size:20px;opacity:0.8;}
.history .tit_wrap h2{margin-bottom:0;line-height:130%;}
.history .tit_wrap p{font-size:20px;}

.history .item{margin-top:0;}
.history .item.first{margin-top:50px;}
.history .item .grap:before{display:none;}

.history .item .grap .con_history .lst_history > li{margin-bottom:50px;}
.history .item .grap .con_history .lst_history > li:before{content:"";display:block;position:absolute;top:5px;left:-27px;width:12px;height:12px;background-color:#408896;border-radius:50%;}

.history .item .grap .con_history .lst_history li.last{margin-bottom:30px;}




@media all and (min-width:480px) {
	.history .item .grap .gall_history li{float:left;margin:0 0 0 1.5%;width:32.33%;}
	.history .item .grap .gall_history li:first-child{margin-left:0;}
}

@media all and (min-width:640px) {
	.history>p{left:50%;margin-left:-32px;height:92%;}
	.history:before{left:50%;margin-left:-4px;}
	.history .tit_wrap{text-align:center;}
	.history .tit_wrap p{margin:0 auto;width:100px;height:100px;background:#347e8c;color:#fff;border-radius:200px;line-height:100px;}
	.history .item_wrap:before{top:8px;left:50%;margin-left:-4px;height:96%;}
	.history .item .grap{padding:0;}
	.history .item .grap:before{top:-6px;left:50%;margin-left:-8px;}
	.history .item .grap:after{content:"";display:block;clear:both;visibility:hidden;}
	.history .item .grap .con_history{/*padding-top:2px;*/}
	.history .item .grap.lcnt .tit,
	.history .item .grap.rcnt .con_history{float:right;padding-left:30px;width:50%;text-align:left;}
	.history .item .grap.rcnt .tit,
	.history .item .grap.lcnt .con_history{float:left;padding-right:30px;width:50%;text-align:right;}
	.history .item .grap .con_history .lst_history li{margin-top:15px;}
	.history .item .grap.lcnt .con_history .lst_history li{padding:0 95px 0 0;}
	.history .item .grap.lcnt .con_history .lst_history li b{left:auto;right:0;}
	.history .item .grap.rcnt .gall_history{margin-left:-1%;}
	.history .item .grap.rcnt .gall_history li{float:left;margin:0 0 0 1%;width:32.33%;}
	.history .item .grap.lcnt .gall_history{margin-right:-1%;}
	.history .item .grap.lcnt .gall_history li{float:right;margin:0 1% 0 0;width:32.33%;}

	.history .item .grap.lcnt .con_history .lst_history li{padding-right:0;}
	.history .item .grap .con_history .lst_history > li:before{left:-39px;}
	.history .item .grap.lcnt .con_history .lst_history > li:before{left:auto;right:-33px;}

}

@media all and (min-width:768px) {
	.history .item_wrap:before{height:98.5%;}

	.history .item .grap .con_history .lst_history li{padding-left:95px;}
	.history .item .grap .con_history .lst_history li b{position:absolute;top:0;left:0;}
	.history .item .grap .tit p{margin-bottom:15px;font-size:18px;line-height:22px;}
	.history .item .grap .tit p span{display:block;line-height:22px;}
	.history .item .grap .tit h3{font-size:26px;line-height:30px;}
	.history .item .grap .tit h3 span{margin-top:5px;font-size:16px;line-height:20px;}


	.history .item .grap .con_history .lst_history li.first{margin-top:90px;}
	.history .item .grap .con_history .lst_history li{padding-left:0;}
	.history .item .grap .con_history .lst_history li span{display:inline-block;margin-right:8px;}
	.history .item .grap .con_history .lst_history > li{padding-left:95px;}
	.history .item .grap.lcnt .con_history .lst_history > li{padding-right:95px;}
	.history .item .grap.lcnt .con_history .lst_history > li.period{padding-right:160px;}
	.history .item .grap.rcnt .con_history .lst_history > li.period{padding-left:160px;}
	.history .item .grap .con_history .lst_history li.last{margin-bottom:0;}


	.history.prize .item .grap .con_history .lst_history > li.last{margin-bottom:0;}

}

@media all and (min-width:1024px) {
	.history .item .grap .con_history .lst_history li{font-size:15px;}
	.history .item .grap .con_history .lst_history li b{font-size:28px;}

}


@media all and (min-width:1280px) {
	.history .item .grap.rcnt .gall_history li{margin-left:10px;width:166px;}
	.history .item .grap.lcnt .gall_history li{margin-right:10px;width:166px;}
	.history .item .grap.rcnt .gall_history li:first-child,
	.history .item .grap.lcnt .gall_history li:first-child{margin:0;}
}






/*인사말 */
.greeting{}
.box_greeting{position:relative;margin:0 auto 60px;padding:52px 0 0 20px;max-width:300px}
.box_greeting:before{content:"";display:block;position:absolute;top:20px;right:0;width:160px;height:32px;background:url(/images/oil/sub01/msg_txt_320.png) no-repeat}
.box_greeting:after{content:"";display:block;position:absolute;top:65%;left:0;width:160px;height:120px;background:url(/images/edu/sub02/sub02_07_img01.jpg) no-repeat 50% 50%;background-size:cover}
.box_greeting .msg{position:relative;padding:25px;border:1px solid #ddd}
.box_greeting .msg h2{margin:0 0 20px;padding:0;background:none;color:#666;font-size:20px;font-weight:normal;line-height:1.2;word-wrap:break-word;word-break:keep-all}
.box_greeting .msg h2:before{display:none;}
.box_greeting .msg h2 span{color:#858271;font-family:'nsr';font-weight:bold;line-height:28px}
.box_greeting .msg .name{color:#696969;font-size:16px;text-align:right}
.grt_txt{}
.grt_txt:after{content:"";display:block;clear:both;visibility:hidden}
.grt_txt .col{}
.grt_txt .col p{margin-bottom:20px;color:#767676;font-size:15px;line-height:25px}
.grt_txt .col p b{color:#333}
@media only screen and (min-width:480px) {
	.box_greeting{margin-bottom:90px;max-width:460px}
	.box_greeting:after{top:65%;width:240px;height:160px}
}
@media only screen and (min-width:768px) {
	.box_greeting{padding:70px 0 0 45%;margin-bottom:40px;max-width:100%}
	.box_greeting:before{top:28px;width:205px;height:42px;background:url(/images/oil/sub01/msg_txt_768.jpg) no-repeat}
	.box_greeting:after{top:0;width:50%;height:260px}
	.box_greeting .msg{padding:25px 20px 5px 12.5%;}
	.box_greeting .msg h2{margin-bottom:30px;font-size:26px;line-height:1.2}
	.box_greeting .msg h2 span{display:block;margin-top:5px;color:#333;letter-spacing:2px;font-size:15px;}
	.box_greeting .msg .name{font-size:18px}
	.box_greeting .msg .name span{display:inline-block;margin:0 0 20px 10px;width:112px;height:60px;background:url(/images/oil/sub01/msg_sign.jpg) no-repeat;vertical-align:middle}
	.grt_txt .col{float:right;width:48%;text-align:justify}
	.grt_txt .col:first-child{float:left;text-align:justify}
}
@media only screen and (min-width:1200px) {
	.box_greeting{padding:80px 0 0 49%}
	.box_greeting .msg{padding:65px 45px 45px 150px}
	.box_greeting:before{top:22px;width:286px;height:58px;background:url(/images/oil/sub01/msg_txt.jpg) no-repeat}
	.box_greeting:after{width:570px;height:345px}
	.box_greeting .msg h2{margin-bottom:10px;font-size:28px;line-height:1.2}

}




/*유래 및 연혁*/

.history_list{background:url(/images/town/sub02/town01_sub02_0201_img02.gif) no-repeat 5% 15px;}
.history_list:after{content: "";display:block;visibility:hidden;clear:both;}
.history_list ul{float:right;width:65%;background:url(/images/town/sub02/history_line.gif) repeat-y 6px 0;}
.history_list ul li{padding-left:45px;margin:15px 0;background:url(/images/town/sub02/history_list_bul.gif) no-repeat left 7px;}
.history_list ul li:after{content: "";display:block;visibility:hidden;clear:both;}
.history_list ul li b{float: left;width:30%;font-size:16px;color:#2d9478;}
.history_list ul li span{font-size:16px;color:#2f2f2f;}

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

	.history_list{background:none;}
	.history_list ul{width:100%;}
}
@media only screen and (max-width:500px){
	.history_list ul li b{width:100%;}
	.history_list ul li  span{display:block;}
}



.charter{width:100%;padding:250px 40px 50px 40px;background:#f7f7f7 url(/images/edu/sub02/sub05_02_01_img01.gif) no-repeat 50% 0;}
.charter .b_txt{display:block;font-size:22px;color:#333;line-height:30px;text-align:center;font-weight:normal;word-break:keep-all;word-wrap: break-word;}
.charter .m_txt{margin:5px 0 0 0;font-size:15px;color:#555;line-height:27px;text-align:center;word-break:keep-all;word-wrap:break-word;}
.charter .charter_list{margin:75px 0 0 0;/*background:#fff;*/padding:25px;}
.charter .charter_list span.num{display:inline-block;position:absolute;left:0;top:0;margin:0 5px 0 0;width:30px;height:30px;line-height:30px;background:url(/images/edu/sub02/sub05_02_01_num_bg.png) no-repeat 0 0;color:#fff;text-align:center}
.charter .charter_list li{position:relative;margin:0 0 10px 0;padding:0 0 0 40px;line-height:30px;color:#555;word-break:keep-all;word-wrap:break-word;}

@media(max-width:801px){
	.charter{padding:250px 40px 45px}
}
@media(max-width:600px){
	.charter{padding:240px 25px 45px}
	.charter.service_mark {background:none;}
	.charter .b_txt{font-size:20px}
	.charter .m_txt{font-size:14px;line-height:22px;}
	.charter .charter_list{margin:40px 0 0;padding:0}
	.charter .charter_list li{line-height:22px}
}



.map{position:relative;overflow:hidden;height:400px;/*border:1px solid #e5e6e7;*/ background:#4D5965;}

.box_local{position:relative;padding:20px;border:1px solid #ddd;background:#f8f8f8;}
.box_local:after{content:"";display:block;clear:both;visibility:hidden;}
.box_local h2{position:relative;display:inline-block;margin:0;padding:5px 20px;font-size:18px;line-height:20px;color:#06499d;font-weight:bold;background:none;}
.box_local h2:before,
.box_local h2:after{content:"";display:block;position:absolute;top:50%;margin-top:-26px;width:11px;height:51px;background:url(/images/oil/sub01/sub10_ico.png) no-repeat;}
.box_local h2:before{left:-10px;background-position:0 -42px;}
.box_local h2:after{right:-10px;background-position:-12px -42px;}
.box_local h2 span{font-size:18px;line-height:20px;color:#2f71d2;font-weight:bold;font-family:'nsr','Malgun Gothic';}
.box_local .lst_local{float:left;display:inline-block;padding-top:5px;}
.box_local .lst_local li{position:relative;text-align:left;}
.box_local .lst_local li b {margin-right:5px;}
.box_local .lst_local li.last {margin-top:10px;}
.box_local .lst_local li.last a {display:block;width:auto;height:auto;padding:20px 0;background-color:#45495b;color:#fff;font-size:13px;text-align:center;}

.box_local .lst_local li .ico_local{background:url(/images/oil/sub01/sub10_ico.png) no-repeat;}
.box_local .lst_local li .ico_local.ico3{display:block;width:28px;height:36px;margin:0 auto 10px;background-position:0 0;}


@media all and (min-width:600px) {
	.box_local{padding:40px 150px 40px 50px;}
	.box_local h2{float:left;padding:5px 15px;margin-right:35px;}
	.box_local h2 span{display:block;}
	.box_local .lst_local li.last {position:absolute;right:50px;top:50%;margin-top:-50px;}
	.box_local .lst_local li.last a {display:inline-block;height:100px;width:100px;padding:20px 0 0;}

}

/* sub03_03_01 여성회관 */
/* 여성회관 아이콘 모음 */
.edu-s3-ir{background:url(/images/edu/sub03/edu-s3-ir.png) no-repeat;}
.edu-s3-ir.whco1{background-position:0 0;}
.edu-s3-ir.whco2{background-position:-82px 0;}
.edu-s3-ir.whco3{background-position:-164px 0;}
.edu-s3-ir.stco1{background-position:0 -82px;}
.edu-s3-ir.stco2{background-position:-35px -82px;}
.edu-s3-ir.stco3{background-position:-70px -82px;}
.edu-s3-ir.stco4{background-position:-105px -82px;}
.edu-s3-ir.vaco1{width:38px;background-position:-140px -82px;}
.edu-s3-ir.vaco2{width:29px;margin-left:10px;background-position:-178px -82px;}
.edu-s3-ir.vaco3{width:25px;margin-left:15px;background-position:-207px -82px;}
@media(max-width:499px) {
	.edu-s3-ir.vaco2{margin-left:3px;}
	.edu-s3-ir.vaco3{margin-left:5px;}
}

.ui.uic.whall{}
.ui.uic.whall .col .item{padding:25px 35px;border:1px solid #ddd;text-align:center;}
.ui.uic.whall .col .item .tit_inner{margin:0 0 15px;color:#000;font-size:16px;line-height:20px;}
.ui.uic.whall .col .item .ir{display:block;margin:0 auto 10px;width:82px;height:82px;}
.ui.uic.whall .col .item .txtp{color:#767676;font-size:15px;line-height:20px;}

.whall_vision{margin-top:20px;}
.whall_vision *{word-wrap:break-word;word-break:keep-all;}
.whall_vision .bg-green{background-color:#3C7F8C;}
.whall_vision .bg-blue{background-color:#2f71d2;}
.whall_vision .box_row{position:relative;padding:40px 0;border-bottom:1px dotted #b3b3b3;}
.whall_vision .box_row:first-child{padding:0 0 60px;margin-bottom:10px;}
.whall_vision .box_row .row{position:relative;margin-top:15px;padding-left:190px;}
.whall_vision .box_row .row:first-child{margin:0;}
.whall_vision .box_row .row h3{position:absolute;top:50%;left:0;margin:-12px 0 0;padding:0;width:190px;color:#000;font-size:20px;line-height:24px;}
.whall_vision .box_row .row h3:before{content:"";display:block;position:absolute;top:50%;right:0;width:120px;height:1px;background-color:#ddd;}
.whall_vision .box_row .row h3:after{content:"";display:block;position:absolute;top:50%;right:120px;margin-top:-4px;width:9px;height:9px;background-color:#ddd;border-radius:100%;}
.whall_vision .box_row:first-child .row p{position:relative;padding:13px 25px 12px;color:#fff;font-size:16px;line-height:20px;text-align:center;z-index:1;}
.whall_vision .box_row:first-child .row p:before{content:"";display:inline-block;height:40px;vertical-align:middle;}
.whall_vision .box_row:first-child .row p span{display:inline-block;line-height:inherit;vertical-align:middle;}
.whall_vision .box_row ul{}
.whall_vision .box_row ul:after{content:"";display:block;clear:both;visibility:hidden;}
.whall_vision .box_row ul li{float:left;position:relative;}
.whall_vision .box_row .strategy{margin-left:-2%;}
.whall_vision .box_row .strategy li{margin-left:2%;width:23%;}
.whall_vision .box_row .strategy li:after{content:"";display:block;clear:both;visibility:hidden;}
.whall_vision .box_row .strategy li .radius{display:block;margin:0 auto;padding:15px;width:161px;height:161px;border-radius:100%;}
.whall_vision .box_row .strategy li:first-child .radius{float:left;}
.whall_vision .box_row .strategy li:first-child+li+li+li .radius{float:right;}
.whall_vision .box_row .strategy li .radius .inner{display:block;padding:20px 10px;width:100%;height:100%;background-color:#fff;border-radius:100%;text-align:center;}
.whall_vision .box_row .strategy li .radius .inner .ir{display:block;margin:0 auto 10px;width:35px;height:40px;}
.whall_vision .box_row .strategy li .radius .inner em{display:block;font-size:15px;letter-spacing:-1px;line-height:17px;}
.whall_vision .box_row .value li{width:33.33%;height:58px;}
.whall_vision .box_row .value li>span{display:block;position:absolute;top:0;padding:18px 0;width:105%;height:100%;border-radius:50px;}
.whall_vision .box_row .value li:first-child>span{left:0;}
.whall_vision .box_row .value li:first-child+li>span{left:50%;margin-left:-52.5%;z-index:1;}
.whall_vision .box_row .value li:first-child+li+li>span{right:0;}
.whall_vision .box_row .value li em{display:block;position:relative;margin:0 auto;padding-left:55px;width:100px;color:#fff;font-size:18px;line-height:23px;}
.whall_vision .box_row .value li .ir{display:inline-block;position:absolute;top:0;left:0;height:23px;}
@media(max-width:1199px) {
	.ui.uic.whall .col .item .txtp{min-height:80px;}
	.whall_vision .box_row .row{padding-left:120px;}
}
@media(max-width:1023px) {
	.whall_vision .box_row .row{padding-left:100px;}
	.whall_vision .box_row .strategy li .radius{padding:10px;width:151px;height:151px;}
	.whall_vision .box_row .strategy li .radius .inner{padding:20px 10px;}
	.whall_vision .box_row .strategy li .radius .inner em{font-size:14px;line-height:16px;}
}
@media(max-width:767px) {
	.ui.uic.whall .col .item{padding:25px 20px;}
	.ui.uic.whall .col .item .txtp{min-height:100px;}
	.whall_vision .box_row .row{padding-left:0;margin-top:25px;}
	.whall_vision .box_row .row h3{position:relative;top:auto;left:auto;margin:0 0 10px;width:100%;text-align:center;}
	.whall_vision .box_row .row h3:before,
	.whall_vision .box_row .row h3:after{display:none;}
}
@media(max-width:639px) {
	.ui.uic.whall .box_col.col3 .col{float:none;margin:20px 0 0;width:100%;}
	.ui.uic.whall .col .item{padding:25px 45px;}
	.ui.uic.whall .col .item .txtp{min-height:0;}
	.whall_vision .box_row .strategy li{margin-bottom:2%;width:48%;}
	.whall_vision .box_row .strategy li .radius{padding:5px;width:100%;height:auto;border-radius:0;}
	.whall_vision .box_row .strategy li .radius .inner{border-radius:0;}
	.whall_vision .box_row .value li em{font-size:16px;}
}
@media(max-width:499px) {
	.whall_vision .box_row .strategy{margin:0;}
	.whall_vision .box_row .strategy li{margin:5px 0 0;width:100%;}
	.whall_vision .box_row .strategy li .radius .inner{padding-left:55px;text-align:left;}
	.whall_vision .box_row .strategy li .radius .inner .ir{position:absolute;top:50%;left:50%;margin:-20px 0 0 -125px;}
	.whall_vision .box_row .strategy li .radius .inner em{margin:0 auto;width:210px;}
	.whall_vision .box_row .value li{margin-top:5px;width:100%;}
	.whall_vision .box_row .value li>span{width:100%;}
	.whall_vision .box_row .value li:first-child+li>span{margin-left:-50%;}
}

/* 여성회관 조직도 */
.organ.basic .org{position:relative;padding:0 20px}
.organ.basic .org:before{display:block;content:"";position:absolute;left:23px;top:26px;height:62%;border-left:2px solid #ccd0d5;z-index:-1}
.organ.basic .org strong,
.organ.basic .org b,
.organ.basic .org span{display:block;margin:15px 0;padding:15px;border:1px solid #ccd0d5;border-radius:50px;font-size:16px;text-align:center}

.organ.basic .org strong{background-color:#2f71d2;border:0;font-size:20px;color:#fff}
.organ.basic .org strong a{color:#fff}
.organ.basic .org .lv2,
.organ.basic .org .lv3{padding-left:15%;}
.organ.basic .org .lv2 span{background-color:#408896;border:0;border-radius:0;color:#fff;line-height:22px;}
.organ.basic .org .lv3 b{position:relative;background-color:#72757A;border:0;border-radius:0;font-weight:normal;color:#fff}
.organ.basic .org .lv3 b:before{display:inline-block;content:"";position:absolute ;left:-16.5%;top:50%;width:16.5%;border-top:2px solid #ccd0d5;}
.organ.basic .org .lv3 b a{color:#fff}
.organ.basic .org .lv3 span{margin:15px auto;width:95%;background-color:#f5f5f5;border-color:#b8b8b8;border-radius:0;font-size:15px;color:#686868;}
.organ.basic .org .lv3 span.side{background-color:#efefef}
.organ.basic .org .lv3{position:relative;}
.organ.basic .org .lv3_2 ul li{position:relative;}
@media only screen and (min-width:640px){
	.organ.basic .org:before{height:65.5%}
	.organ.basic .org .lv3 li[class^="lv3_"] ul:after{display:block;content:"";clear:both;visibility:hidden}
	.organ.basic .org .lv3 li[class^="lv3_"] ul li{float:left;margin:0 1%;width:48%}
	.organ.basic .org .lv3 span{margin:8px auto;}
	.organ.basic .org .lv3:before{height:293px;}
	.organ.basic .org .lv3_2 ul:before,
	.organ.basic .org .lv3_2 ul li:before{display:none;}
}
@media only screen and (min-width:768px){
	.organ.basic .org:before{display:none}
	.organ.basic .org .lv3 b:before{left:50%;top:-25px;width:auto;height:23px;background:none;border-right:1px solid #ccd0d5}
	.organ.basic .org .lv3 .lv3_2 b:before{display:none;}
	.organ.basic .org strong, .organ.basic .org b, .organ.basic .org span{padding:13px}

	.organ.basic .org .lv2{position:relative;margin-top:50px;margin-bottom:70px}
	.organ.basic .org .lv1,
	.organ.basic .org .lv3{position:relative}
	.organ.basic .org .lv1:before{display:block;content:"";position:absolute;left:50%;top:151px;height:90px;border-right:1px solid #ccd0d5}
	.organ.basic .org .lv2:before,
	.organ.basic .org .lv3:before{display:block;content:"";position:absolute;left:25%;top:21px;width:50%;border-top:1px solid #ccd0d5;z-index:-1;}
	.organ.basic .org .lv3:before{left:16.8%;top:-25px;width:66.5%}
	.organ.basic .org .lv2, .organ.basic .org .lv3{padding-left:0}
	#sub03_03_04 .organ.basic .org .lv3{margin:0 auto;margin-top:-50px;width:70%;}
	#sub03_03_04 .organ.basic .org .lv3:before{display:none;}
	#sub03_03_04 .organ.basic .org .lv3 b{margin-bottom:0;}
	.organ.basic .org .lv3 > ul{position:relative}
	.organ.basic .org strong{margin:0 auto;width:150px;height:150px;border-radius:50%;}
	.organ.basic .org strong:before{display:inline-block;content:"";height:100%;vertical-align:middle}
	.organ.basic .org .lv2 ul{position:relative;overflow:hidden}
	.organ.basic .org .lv2 ul:before{display:block;content:"";position:absolute;left:25%;top:85px;width:50%;border-top:1px solid #ccd0d5;z-index:-1;}
	.organ.basic .org .lv3 ul:after{display:block;content:"";clear:both;visibility:hidden}
	.organ.basic .org .lv2 li{float:left;width:50%}
	.organ.basic .org .lv2 .lv2_5{float:right;position:relative;}
	.organ.basic .org .lv2 .lv2_5:before{display:block;content:"";position:absolute;left:0;top:50%;margin-top:-15px;width:50%;border-top:1px solid #ccd0d5;z-index:-1;}
	.organ.basic .org .lv3 li{float:left;width:33.3%;}
	.organ.basic .org .lv3 li.lv3_3 b em{display:block;}
	.organ.basic .org .lv2 li span{margin:0 auto 15px;width:175px}
	.organ.basic .org .lv3 li b{margin:0 auto;width:90%;height:48px;}
	.organ.basic .org .lv3 li b:after{display:inline-block;content:"";height:100%;vertical-align:middle;}
	.organ.basic .org .lv3 .lv3_2 b{position:relative;}
	.organ.basic .org .lv3:before,
	.organ.basic .org .lv3_2 ul:before{background:none;}
	.organ.basic .org .lv3 span{position:relative;margin:0 auto;padding:10px 10px 10px 15%;width:100%;height:auto;line-height:18px;border:0;text-align:left;}
	.organ.basic .org .lv3 span:before{display:inline-block;content:"";position:absolute;left:10%;top:50%;margin-top:-2px;width:4px;height:4px;background-color:#76797d;border-radius:50%;}
	.organ.basic .org .lv3 span a{line-height:20px}


	.organ.basic .org .lv3 li[class^="lv3_"]{position:relative}
	.organ.basic .org .lv3 li[class^="lv3_"] ul{position:relative;margin:0 auto;padding:10px 0;width:90%;min-height:360px;background-color:#f5f5f5;}
	.organ.basic .org .lv3 li[class^="lv3_"] ul.lv3_1_2{margin-top:30px}
	.organ.basic .org .lv3 li[class^="lv3_"] ul li{float:none;position:relative;margin:0;width:100%;}
	.organ.basic .org .lv3 li.lv3_4 ul{padding:0;}
	.organ.basic .org .lv3 li.lv3_4 ul li{width:31.3%;}
	.organ.basic .org .lv3 li.lv3_4 ul li.lv_3_2:before,
	.organ.basic .org .lv3 li.lv3_4 ul li.lv_3_3:before{border-right:1px dashed #ccd0d5;}
	.organ.basic .org .lv3 li.lv3_2 ul li:before{top:-30px;left:30%;height:40px;}
	.organ.basic .org .lv3_2 ul li:before{background:none;width:15px;}
}
@media only screen and (min-width:1200px){
	.organ.basic .org .lv3 li.lv3_2:before{left:50%;}
	.organ.basic .org .lv3 li.lv3_3 b em{display:inline-block;}
}

.amThum:before{background:#1a788a;}


.con_history{/*background:url(/images/life/common/history_bg.png) no-repeat right 40px;*/}
.con_history h2{position:absolute;top:350px;left:0;width:220px;letter-spacing:10px;text-align:center}
.con_history h2:before{display:none}
.bx_history{position:relative;overflow:hidden;/*margin-top:60px;*/padding:70px 230px 0 220px;border-bottom:1px dashed #ededed;}
.bx_history h3{position:absolute;/*top:0;*/top:70px;left:10px;margin:0;padding:0;width:120px;color:#000;font-size:30px;line-height:28px;text-align:center;}
.bx_history ul{position:relative;padding-bottom:50px;}
.bx_history ul:before{content:"";display:block;position:absolute;top:5px;left:6px;width:1px;height:100%;background:#ededed;}
.bx_history ul li{position:relative;margin-top:18px;padding-left:100px;background:url(/images/life/common/history_bul.png) no-repeat 0 4px;word-wrap:break-word;word-break:keep-all;}
.bx_history ul li:first-child{margin-top:0;background:url(/images/life/common/history_bul1.png) no-repeat 0 4px;}
.bx_history ul li b{position:absolute;top:0;left:50px;}
.bx_history.last{border:none;}
@media only screen and (max-width:768px) {

	.con_history{background:none;}
	.bx_history{padding:70px 0 0;}
	.bx_history h3{position:static;margin-bottom:25px;padding:10px 0;width:100%;font-size:16px;}

}

/*sub06_04_01*/

@media only screen and (min-width:768px){
	.ui.uib.st_center .uibodo .thm_figure img{min-width:100%}
}


.cnt_row{padding:33px 0; border-bottom:1px dashed #d6d6d6;}
.cnt_row.last{border-bottom:none;}
.cnt_row.last .box_twrap{margin-top: 0;}
.cnt_row.last .box_twrap h4{margin-top:0;}
.cnt_row.last .box_twrap h4 span {font-size:14px;color:#767676;}
.cnt_row.last .box_twrap h5 {font-size:16px;}
.cnt_row h3{margin-top:0;}
.cnt_row h3 span {font-size:14px;color:#767676;}
.cnt_row.ui.uib.type1 .uibodo .thm_figure {float:right;border:0;}
.cnt_row.ui.uib.type1 .uibodo .thm_caption {float:left;}

@media(max-width:480px){
	.cnt_row.ui.uib.type1 .uibodo .thm_figure {float:none;}
}


#sub06_04_01 .ui.uic.mb_10 .box_col .col .item{min-height:300px;}

/* sub02_07_07 평생학습관 찾아오시는길  */
#sub02_07_07 .map{position:relative;overflow:hidden;height:400px;/*border:1px solid #e5e6e7;*/ background:#4D5965;}
#sub02_07_07 .box_local{position:relative;padding:20px;border:1px solid #ddd;background:#f8f8f8;}
#sub02_07_07 .box_local:after{content:"";display:block;clear:both;visibility:hidden;}
#sub02_07_07 .box_local h2{position:relative;display:inline-block;margin:0;padding:5px 20px;font-size:18px;line-height:20px;color:#06499d;font-weight:bold;background:none;}
#sub02_07_07 .box_local h2:before,
#sub02_07_07 .box_local h2:after{content:"";display:block;position:absolute;top:50%;margin-top:-26px;width:11px;height:51px;background:url(/images/oil/sub01/sub10_ico.png) no-repeat;}
#sub02_07_07 .box_local h2:before{left:-10px;background-position:0 -42px;}
#sub02_07_07 .box_local h2:after{right:-10px;background-position:-12px -42px;}
#sub02_07_07 .box_local h2 span{font-size:18px;line-height:20px;color:#06499d;font-weight:bold;font-family:'nsr','Malgun Gothic';}
#sub02_07_07 .box_local .lst_local{float:left;display:inline-block;padding-top:5px;}
#sub02_07_07 .box_local .lst_local li{position:relative;text-align:left;}
#sub02_07_07 .box_local .lst_local li b {margin-right:5px;}
#sub02_07_07 .box_local .lst_local li.last {margin-top:10px;}
#sub02_07_07 .box_local .lst_local li.last a {display:block;width:auto;height:auto;padding:20px 0;background-color:#45495b;color:#fff;font-size:13px;text-align:center;}
#sub02_07_07 .box_local .lst_local li .ico_local{background:url(/images/oil/sub01/sub10_ico.png) no-repeat;}
#sub02_07_07 .box_local .lst_local li .ico_local.ico3{display:block;width:28px;height:36px;margin:0 auto 10px;background-position:0 0;}


@media all and (min-width:600px) {
	#sub02_07_07 .box_local{padding:40px 150px 40px 50px;}
	#sub02_07_07 .box_local h2{float:left;padding:35px 15px;margin-right:35px;}
	#sub02_07_07 .box_local h2 span{display:block;}
	#sub02_07_07 .box_local .lst_local li.last {position:absolute;right:50px;top:50%;margin-top:-50px;}
	#sub02_07_07 .box_local .lst_local li.last a {display:inline-block;height:100px;width:100px;padding:20px 0 0;}

}

#sub02_07_07 .ui-map-box{padding:20px 0;margin:0 0 10px;border-bottom:1px solid #f1f1f1;}
#sub02_07_07 .ui-map-box:after {content:"";display:block;clear:both;}
#sub02_07_07 .ui-map-box h3 {float:left;width:15%;margin:0;padding:0}
#sub02_07_07 .ui-map-box .txt_h3 {float:left;width:75%;}
#sub02_07_07 .ui-map-box .txt_h3 li {margin:6px 0 0;font-size:14px;color:#666;line-height:1.4}
#sub02_07_07 .ui-map-box .txt_h3 li:after {content:"";display:block;clear:both;}
#sub02_07_07 .ui-map-box .ti {float:left;display:inline-block;width:55px;padding:3px 0 1px 0px;margin-right:10px;border-radius:20px;border:1px solid #333;font-size:13px;text-align:center;}
#sub02_07_07 .ui-map-box .ti.car {color:#4365B9;border-color:#4365B9;}
#sub02_07_07 .ui-map-box .ti.train {color:#005fa8;border-color:#005fa8;}
#sub02_07_07 .ui-map-box .ti.bus {color:#a72e75;border-color:#a72e75;}
#sub02_07_07 .ui-map-box .txt_h3 li .rcon {float:left;margin-left:5px;margin-top:-5px;width:90%}
#sub02_07_07 .ui-map-box .txt_h3 li .rcon strong{display:block;font-size:15px;color:#000;}

@media(max-width:600px){
	#sub02_07_07 .ui-map-box h3{float:none;}
	#sub02_07_07 .ui-map-box .txt_h3{float:none;width:100%;}
	#sub02_07_07 .ui-map-box .ti{float:none;display:block;margin:10px 0 5px 0;}
}

/* sub03_03_02 여성회관 주요연혁 */
@media all and (min-width:768px) {
	#sub03_03_02 .history .item .grap .con_history .lst_history li{position:relative; padding-left:70px;}
	#sub03_03_02 .history .item .grap .con_history .lst_history li span{display:inline-block ;position:absolute;left:4%;top:0;width:40px;border:1px solid #408896;border-radius:3px;text-align:center;}
	#sub03_03_02 .history .item .grap.lcnt .con_history .lst_history li{padding:0 70px 0 0;}
	#sub03_03_02 .history .item .grap.lcnt .con_history .lst_history li span{left:auto;right:1%;}
}
@media all and (min-width:1024px) {
	#sub03_03_02 .history .item .grap .con_history .lst_history li{font-size:16px;}
}  

/* sub03_03_05 */
#sub03_03_05 .map{position:relative;overflow:hidden;height:400px;/*border:1px solid #e5e6e7;*/ background:#4D5965;}
#sub03_03_05 .box_local{position:relative;padding:20px;border:1px solid #ddd;background:#f8f8f8;}
#sub03_03_05 .box_local:after{content:"";display:block;clear:both;visibility:hidden;}
#sub03_03_05 .box_local h2{position:relative;display:inline-block;margin:0;padding:5px 20px;font-size:18px;line-height:20px;color:#06499d;font-weight:bold;background:none;}
#sub03_03_05 .box_local h2:before,
#sub03_03_05 .box_local h2:after{content:"";display:block;position:absolute;top:50%;margin-top:-26px;width:11px;height:51px;background:url(/images/oil/sub01/sub10_ico.png) no-repeat;}
#sub03_03_05 .box_local h2:before{left:-10px;background-position:0 -42px;}
#sub03_03_05 .box_local h2:after{right:-10px;background-position:-12px -42px;}
#sub03_03_05 .box_local h2 span{font-size:18px;line-height:20px;color:#06499d;font-weight:bold;font-family:'nsr','Malgun Gothic';}
#sub03_03_05 .box_local .lst_local{float:left;display:inline-block;padding-top:5px;}
#sub03_03_05 .box_local .lst_local li{position:relative;text-align:left;}
#sub03_03_05 .box_local .lst_local li b {margin-right:5px;}
#sub03_03_05 .box_local .lst_local li.last {margin-top:10px;}
#sub03_03_05 .box_local .lst_local li.last a {display:block;width:auto;height:auto;padding:20px 0;background-color:#45495b;color:#fff;font-size:13px;text-align:center;}
#sub03_03_05 .box_local .lst_local li .ico_local{background:url(/images/oil/sub01/sub10_ico.png) no-repeat;}
#sub03_03_05 .box_local .lst_local li .ico_local.ico3{display:block;width:28px;height:36px;margin:0 auto 10px;background-position:0 0;}


@media all and (min-width:600px) {
	#sub03_03_05 .box_local{padding:40px 150px 40px 50px;}
	#sub03_03_05 .box_local h2{float:left;padding:35px 15px;margin-right:35px;}
	#sub03_03_05 .box_local h2 span{display:block;}
	#sub03_03_05 .box_local .lst_local li.last {position:absolute;right:50px;top:50%;margin-top:-50px;}
	#sub03_03_05 .box_local .lst_local li.last a {display:inline-block;height:100px;width:100px;padding:20px 0 0;}

}

#sub03_03_05 .ui-map-box{padding:20px 0;margin:0 0 10px;border-bottom:1px solid #f1f1f1;}
#sub03_03_05 .ui-map-box:after {content:"";display:block;clear:both;}
#sub03_03_05 .ui-map-box h3 {float:left;width:15%;margin:0;padding:0}
#sub03_03_05 .ui-map-box .txt_h3 {float:left;width:75%;}
#sub03_03_05 .ui-map-box .txt_h3 li {margin:6px 0 0;font-size:14px;color:#666;line-height:1.4}
#sub03_03_05 .ui-map-box .txt_h3 li:after {content:"";display:block;clear:both;}
#sub03_03_05 .ui-map-box .ti {float:left;display:inline-block;width:55px;padding:3px 0 1px 0px;margin-right:10px;border-radius:20px;border:1px solid #333;font-size:13px;text-align:center;}
#sub03_03_05 .ui-map-box .ti.car {color:#4365B9;border-color:#4365B9;}
#sub03_03_05 .ui-map-box .ti.train {color:#005fa8;border-color:#005fa8;}
#sub03_03_05 .ui-map-box .ti.bus {color:#a72e75;border-color:#a72e75;}
#sub03_03_05 .ui-map-box .txt_h3 li .rcon {float:left;margin-left:5px;margin-top:-5px;width:90%}
#sub03_03_05 .ui-map-box .txt_h3 li .rcon strong{display:block;font-size:15px;color:#000;}

@media(max-width:600px){
	#sub03_03_05 .ui-map-box h3{float:none;}
	#sub03_03_05 .ui-map-box .txt_h3{float:none;width:100%;}
	#sub03_03_05 .ui-map-box .ti{float:none;display:block;margin:10px 0 5px 0;}
}

.pic_btn a{display: none;}
@media(max-width:767px){
.pic_btn a{display: block;width: 60%;margin: 10px auto 0; padding: 10px 40px; border: 1px solid #ddd; background: #fff; text-align: center;}
}