/*page
width:1152px*/
.contents_wrap {*zoom:1; }
.contents_wrap:after{content:""; display:block; clear:both;}
.contents_wrap {margin:20px 0px 50px;}

/*공통스타일*/
/*타이틀*/
.title_line {background-image:url(/nimg/contents/line_icon01.jpg); background-repeat:no-repeat; background-position:170px -5px;  }
.title_line h2 {font-size:24px; color:#333; margin-bottom:30px;  }
.title_line2 {background-image:url(/nimg/contents/line_icon01.jpg); background-repeat:no-repeat; background-position:200px -5px;  }
.title_line2 h2 {font-size:24px; color:#333; margin-bottom:30px;  }
.title_line {background-image:url(/nimg/contents/line_icon02.jpg); background-repeat:no-repeat; background-position:220px 0px; margin-top:30px; margin-bottom:20px;  }
.title_line h3 {font-size:18px; color:#333; margin-bottom:30px; background-image:url(/nimg/contents/con0401_icon02.jpg); background-repeat:no-repeat; background-position:left 1px; padding-left:37px;}
.title_line3 {background-image:url(/nimg/contents/line_icon03.jpg); background-repeat:no-repeat; background-position:60px 4px; margin-top:30px; margin-bottom:20px;  }
.title_line3 h3 {font-size:18px; color:#333; margin-bottom:30px; }

.redtext_info {color: #FF0000; padding-left: 10px; font-size: 12px; }
.bluetext_info {color: #004CFF; }
.greentext_info {color: #009A16; }
.pinkext_info {color: #F000FF; }


.borderline1200 {border: 1px solid #d9d6d6; width:100%; margin-bottom: 50px;}
.borderline1200 img {padding: 30px 0px;}

/*/////////////////////////////////////////////////////////////////////////////////////////////*
/*센터소개 > 운영법인소개*/
.con_vi20 .box {width:100%; border-top:1px solid #eee; float:left; margin-top:0px;}
.con_vi20 .box .img {margin:30px; text-align:center; float:left;}
.con_vi20 .box .con {text-align:left; width:80%; float:left;}
.con_vi20 .box .con .tit {font-size:28px; color:#000; padding-top:20px;}
.con_vi20 .box .con ul {padding:20px 0px;}
.con_vi20 .box .con li {font-size:16px; color:#666; padding:0px 0px 6px 10px;
                       background-image:url(/images/page/liicon_01.jpg); background-repeat:no-repeat; background-position:0px 4px; }
.con_vi20 .box .con li img {margin:none;}
.con_vi20 .box .con li strong {color:#000;}
@media screen and (max-width: 590px){
/*.con_vi img {width:100%; margin-right:0px; float:none;}*/
.con_vi20 .box .img {text-align:center; width:100%; float:none; margin:30px 0px 0px;  }
.con_vi20 .box .con {text-align:left; width:100%; float:none; }
}


.con_in2d {*zoom:1; width: 100%;}
.con_in2d:after{content:""; display:block; clear:both;}
.con_in2 {width:40%; float:left;}
.con_in2 table {width: 100%; padding-bottom: 50px;}
.con_in2 th{width: 120px; text-align: center; }
.con_in2 .pur{width: 118px; height:35px; background-color:#765ae3; border-radius:20px; 
	         margin-right:10px; margin-bottom: 10px; font-weight: 600; font-size: 20px; color: #fff; }
.con_in2 .ora{width: 118px; height:35px; background-color:#ff8400; border-radius:20px; 
	         margin-right:10px; margin-bottom: 10px; font-weight: 600; font-size: 20px; color: #fff; }

.con_in2 td{text-align:left; }
.con_in2 td p{height:35px; background-color:#fff; 
	          margin-bottom: 10px; font-size: 20px; color: #333; }




.con_in3 {width:60%; float:right; }

.con_in4d {*zoom:1; width: 100%;}
.con_in4d:after{content:""; display:block; clear:both;}
.con_in4 {}
.con_in4 img{float:left; }

.sub0101tit {font-size: 28px; font-weight: 400; text-align: left; color: #333; padding-bottom: 20px;}
.sub0101tit span{font-weight: 600;}


@media screen and (max-width: 1000px){
.con_in2 {width:100%; float:none;padding-bottom: 20px;}
.con_in3 {width:100%; float:none;padding-bottom: 70px; }
.con_in3 img{width: 100%;}	
.con_in4 img{float:none;padding-bottom: 20px;}	
}

@media screen and (max-width: 600px){
.con_in2 th{width: 100px; text-align: center; }
.con_in2 .pur{width: 90px; height:28px; background-color:#765ae3; border-radius:20px; 
	         margin-right:10px; margin-bottom: 10px; font-weight: 600; font-size: 18px; color: #fff; }
.con_in2 .ora{width: 90px; height:28px; background-color:#ff8400; border-radius:20px; 
	         margin-right:10px; margin-bottom: 10px; font-weight: 600; font-size: 18px; color: #fff; }
	
.con_in2 td p{height:24px; background-color:#fff; 
	          margin-bottom: 10px; font-size: 16px; color: #333; }	
}

/*/////////////////////////////////////////////////////////////////////////////////////////////*
/*센터소개 > 인사말
.con_in1 {width:100%; text-align:center; margin-bottom:60px;}
.con_in1 h2{padding-bottom:35px;}
.con_in1 h1{font-size:24px; color:#000; line-height:160%; padding-bottom:35px;}
.con_in1 p{font-size:16px; color:#666; line-height:160%; padding-bottom:60px;}
.con_in1 span{font-size:16px; font-weight:bold; color:#000; line-height:160%; padding-bottom:60px;}

.con_in2 {width:467px; float:left;}
.con_in3 {width:666px; float:right;}
.con_in3 img{width:100%; float:left;}

@media screen and (max-width: 1200px){
.con_in2 {width:55%; float:left;}
.con_in3 {width:44%; float:right;}
}
@media screen and (max-width: 800px){
.con_in2 {width:100%; float:none;}
.con_in3 {width:100%; float:none;}
}

/*센터소개 > 연혁*/ 
.con_history {width:271px; height:100%; min-height:604px; float:left; margin-right:91px; background-image:url(/nimg/contents/con010102.jpg); background-repeat:no-repeat; } 

.con_history_conall { float:left; width:790px; }
.con_history_conall .con_history_conbox {margin-bottom:50px;}
.con_history_conall .con_history_conbox .con_history_yearbox {width:138px; float:left; background-repeat:no-repeat; }  
.con_history_conall .con_history_conbox .con_history_yearbox h2 {font-size:30px; color:#000; font-weight:900; vertical-align:text-top;}

.con_history_conall .con_history_conbox .con_history_conbox {width:652px;float:left; }
.con_history_conall .con_history_conbox .con_history_conbox th {width:80px; font-size:16px; color:#039; vertical-align:text-top; text-align:left; font-weight:400;}
.con_history_conall .con_history_conbox .con_history_conbox td {width:570px; font-size:16px; color:#666;vertical-align:text-top; }
.con_history_conall .con_history_conbox .con_history_conbox td li {line-height:160%; padding-bottom:7px;}

@media screen and (max-width: 1200px){
.con_history {width:200px; height:100%; min-height:604px; float:left; margin-right:48px; background-image:url(/nimg/contents/con010102.jpg); background-repeat:no-repeat; } 
.con_history_conall { float:left; width:681px; margin:20px 0px; }
.con_history_conall .con_history_conbox .con_history_conbox {width:500px;float:left; }
.con_history_conall .con_history_conbox .con_history_conbox td {width:550px; font-size:16px; color:#666;vertical-align:text-top; }
.con_history_conall .con_history_conbox .con_history_conbox td li {line-height:160%; padding-bottom:7px;}
}

@media screen and (max-width: 1000px){
.con_history {display:none;}
.con_history2 {display:none;}
}

@media screen and (max-width: 700px){
.con_history_conall { width:100%; margin:20px 0px; }
.con_history_conall .con_history_conbox .con_history_yearbox {width:100%; }

.con_history_conall .con_history_conbox .con_history_conbox {width:100%; }
.con_history_conall .con_history_conbox .con_history_conbox th {width:100px; font-size:18px;}
.con_history_conall .con_history_conbox .con_history_conbox td {width:none; font-size:18px;}
.con_history_conall .con_history_conbox .con_history_conbox td li {line-height:160%; padding-bottom:7px;}
}

/*센터소개 >수상*/ 
.con_award {width:271px; height:100%; min-height:604px; float:left; margin-right:91px; background-image:url(/nimg/contents/con010102n.jpg); background-repeat:no-repeat; } 

.con_award_conall { float:left; width:790px; }
.con_award_conall .con_award_conbox {margin-bottom:50px;}
.con_award_conall .con_award_conbox .con_award_yearbox {width:138px; float:left; background-repeat:no-repeat; }  
.con_award_conall .con_award_conbox .con_award_yearbox h2 {font-size:30px; color:#000; font-weight:900; vertical-align:text-top;}

.con_award_conall .con_award_conbox .con_award_conbox {width:652px;float:left; }
.con_award_conall .con_award_conbox .con_award_conbox th {width:80px; font-size:16px; color:#039; vertical-align:text-top; text-align:left; font-weight:400;}
.con_award_conall .con_award_conbox .con_award_conbox td {width:570px; font-size:16px; color:#666;vertical-align:text-top; }
.con_award_conall .con_award_conbox .con_award_conbox td li {line-height:160%; padding-bottom:7px;}

@media screen and (max-width: 1200px){
.con_award {width:200px; height:100%; min-height:604px; float:left; margin-right:48px; background-image:url(/nimg/contents/con010102.jpg); background-repeat:no-repeat; } 
.con_award_conall { float:left; width:681px; margin:20px 0px; }
.con_award_conall .con_award_conbox .con_award_conbox {width:500px;float:left; }
.con_award_conall .con_award_conbox .con_award_conbox td {width:550px; font-size:16px; color:#666;vertical-align:text-top; }
.con_award_conall .con_award_conbox .con_award_conbox td li {line-height:160%; padding-bottom:7px;}
}

@media screen and (max-width: 1000px){
.con_award {display:none;}
.con_award2 {display:none;}
}

@media screen and (max-width: 700px){
.con_award_conall { width:100%; margin:20px 0px; }
.con_award_conall .con_award_conbox .con_award_yearbox {width:100%; }

.con_award_conall .con_award_conbox .con_award_conbox {width:100%; }
.con_award_conall .con_award_conbox .con_award_conbox th {width:100px; font-size:18px;}
.con_award_conall .con_award_conbox .con_award_conbox td {width:none; font-size:18px;}
.con_award_conall .con_award_conbox .con_award_conbox td li {line-height:160%; padding-bottom:7px;}
}

.con_vi h1 {text-align:center; width:100%; }
/*.con_vi {min-height:359px;background-image:url(/images/page/convi_bg.gif); background-repeat:no-repeat; background-position:50px 0px; }*/

.con_vi2 .box {width:100%; border-top:1px solid #eee; float:left; margin-top:0px;}
.con_vi2 .box .img {margin:30px; text-align:center; float:left;}
.con_vi2 .box .con {text-align:left; width:80%; float:left;}
.con_vi2 .box .con .tit {font-size:28px; color:#034da2; padding-top:20px;}
.con_vi2 .box .con ul {padding:20px 0px 0px;}
.con_vi2 .box .con li {font-size:16px; color:#666; padding:0px 0px 6px 10px;
                       background-image:url(/images/page/liicon_01.jpg); background-repeat:no-repeat; background-position:0px 4px; }
.con_vi2 .box .con li img {margin:none;}
.point_g {color:#096;}
.point_y {color:#F63;}
.point_b {color:#36F;}
@media screen and (max-width: 590px){
/*.con_vi img {width:100%; margin-right:0px; float:none;}*/
.con_vi2 .box .img {text-align:center; width:100%; float:none; margin:30px 0px 0px;  }
.con_vi2 .box .con {text-align:left; width:100%; float:none; }
}


/*센터소개 > 운영방향
.con01013 {}
.con01013 .iconbox01 {width:30%; margin-left:20%; float:left;background-image:url(/nimg/contents/con0101_t3_icon01.jpg); background-position:center 0px; background-repeat:no-repeat; }
.con01013 .iconbox01 p {font-size:30px; color:#000; text-align:center; letter-spacing:-1px; margin-top:82px;}
.con01013 .iconbox02 {width:30%; margin-right:20%; float:left;background-image:url(/nimg/contents/con0101_t3_icon02.jpg); background-position:center 0px; background-repeat:no-repeat; }
.con01013 .iconbox02 p {font-size:30px; color:#000; text-align:center; letter-spacing:-1px; margin-top:82px;}


.con01013 .allbox{*zoom:1;width:100%; margin-bottom:30px; transform-origin:center; }
.con01013 .allbox:after {content:""; display:block; clear:both;}

.con01013 .allbox .cir_blu {width:18%; height:160px; margin:1%;  background-color:#32a9ed; border-radius:50%;background-image:url(/nimg/contents/con0101_t3_icon03.jpg); background-position:center 35px; background-repeat:no-repeat; float:left;}
.con01013 .allbox .cir_blu p{font-size:22px; color:#fff; text-align:center; letter-spacing:-1px; padding-top:90px;}
.con01013 .allbox .cir_blu1 {width:18%; height:160px; margin:1%;  background-color:#daf5fc; border-radius:50%;background-image:url(/nimg/contents/con0101_t3_icon03_1.jpg); background-position:center 35px; background-repeat:no-repeat; float:left;}
.con01013 .allbox .cir_blu1 p{font-size:22px; color:#000; text-align:center; letter-spacing:-1px; padding-top:90px;} 
.con01013 .allbox .cir_blu2 {width:18%; height:160px; margin:1%;  background-color:#daf5fc; border-radius:50%;background-image:url(/nimg/contents/con0101_t3_icon03_2.jpg); background-position:center 35px; background-repeat:no-repeat; float:left;}
.con01013 .allbox .cir_blu2 p{font-size:22px; color:#000; text-align:center; letter-spacing:-1px; padding-top:90px;}
.con01013 .allbox .cir_blu3 {width:18%; height:160px; margin:1%;  background-color:#daf5fc; border-radius:50%;background-image:url(/nimg/contents/con0101_t3_icon03_3.jpg); background-position:center 35px; background-repeat:no-repeat; float:left;}
.con01013 .allbox .cir_blu3 p{font-size:22px; color:#000; text-align:center; letter-spacing:-1px; padding-top:90px;}
.con01013 .allbox .cir_blu4 {width:18%; height:160px; margin:1%;  background-color:#daf5fc; border-radius:50%;background-image:url(/nimg/contents/con0101_t3_icon03_4.jpg); background-position:center 35px; background-repeat:no-repeat; float:left;}
.con01013 .allbox .cir_blu4 p{font-size:22px; color:#000; text-align:center; letter-spacing:-1px; padding-top:90px;}

.con01013 .cir_gre {width:18%; height:160px; margin:1%;  background-color:#9c3;border-radius:50%;background-image:url(/nimg/contents/con0101_t3_icon04.jpg); background-position:center 31px; background-repeat:no-repeat; float:left;}
.con01013 .cir_gre p{font-size:22px; color:#fff; text-align:center; letter-spacing:-1px; padding-top:90px;}
.con01013 .cir_gre2 {width:18%; height:160px; margin:1%;  background-color:#e2f3cf;border-radius:50%; float:left;}
.con01013 .cir_gre2 p{font-size:22px; color:#000; text-align:center; letter-spacing:-1px; padding-top:50px;}

@media screen and (max-width: 1000px){
.con01013 .iconbox01 {width:45%; margin-left:5%; }
.con01013 .iconbox02 {width:45%; margin-right:5%;}

.con01013 .allbox .cir_blu {width:18%; height:160px; margin:1%; border-radius:50%;}
.con01013 .allbox .cir_blu1 {width:18%; height:160px; margin:1%; border-radius:50%;}
.con01013 .allbox .cir_blu2 {width:18%; height:160px; margin:1%; border-radius:50%;}
.con01013 .allbox .cir_blu3{width:18%; height:160px; margin:1%; border-radius:50%;}
.con01013 .allbox .cir_blu4 {width:18%; height:160px; margin:1%; border-radius:50%;}
.con01013 .allbox .cir_gre{width:18%; height:160px; margin:1%; border-radius:50%;}
.con01013 .allbox .cir_gre2 {width:18%; height:160px; margin:1%; border-radius:50%;}
}
@media screen and (max-width: 700px){
.con01013 .iconbox01 {width:100%; margin-left:0%; margin-bottom:20px}
.con01013 .iconbox02 {width:100%; margin-right:0%;}
}
@media screen and (max-width: 800px){
.con01013 .allbox .cir_blu {width:31%; height:160px; margin:1% 1%; border-radius:50%;}
.con01013 .allbox .cir_blu1 {width:31%; height:160px; margin:1% 1%; border-radius:50%;}
.con01013 .allbox .cir_blu2 {width:31%; height:160px; margin:1% 1%; border-radius:50%;}
.con01013 .allbox .cir_blu3{width:31%; height:160px; margin:1% 1%; border-radius:50%;}
.con01013 .allbox .cir_blu4 {width:31%; height:160px; margin:1% 1%; border-radius:50%;}
.con01013 .allbox .cir_gre{width:31%; height:160px; margin:1% 1%; border-radius:50%;}
.con01013 .allbox .cir_gre2 {width:31%; height:160px; margin:1% 1%; border-radius:50%;}
}
@media screen and (max-width: 590px){
.con01013 .allbox .cir_blu {width:90%; height:160px; margin:1% 5%; border-radius:50%;}
.con01013 .allbox .cir_blu1 {width:90%; height:160px; margin:1% 5%; border-radius:50%;}
.con01013 .allbox .cir_blu2 {width:90%; height:160px; margin:1% 5%; border-radius:50%;}
.con01013 .allbox .cir_blu3  {width:90%; height:160px; margin:1% 5%; border-radius:50%;}
.con01013 .allbox .cir_blu4 {width:90%; height:160px; margin:1% 5%; border-radius:50%;}
.con01013 .allbox .cir_gre {width:90%; height:160px; margin:1% 5%; border-radius:50%;}
.con01013 .allbox .cir_gre2  {width:90%; height:160px; margin:1% 5%; border-radius:50%;}
}*/ 


/*센터소개 > 미션,비전,주요사업*/
.sub0102-ul{}
.sub0102-ul>li{font-size: 18px;color:#333;padding: 25px 20px 25px 200px;position: relative;border-bottom: 1px solid #ebe9ea;}
.sub0102-ul>li:last-child{border-bottom: none;}
.sub0102-ul>li>strong{color:#3399ff;}
.sub0102-title-box{position: absolute;height: 54px;font-size: 23px;left:60px;top:50%;margin-top: -15px;font-weight: 600;}
.sub0102-ul>li.arr{text-align: center;}

.sub0102-01{*zoom:1;}
.sub0102-01:after{content:""; display:block; clear:both;}
.sub0102-01 li{float: left;width: 230px; height:230px; margin-left: 20px;padding: 50px 40px 40px;}
.sub0102-01 li p{font-size: 20px;text-align: center;}
.sub0102-01 li div{font-size: 16px;text-align: center;margin-top: 6px;font-weight: 400;}
.sub0102-01 li.n01{background: url(/nimg/con0102_circle1_1.jpg) 0 0 no-repeat;}
.sub0102-01 li.n01 p{color:#3752d3;}
.sub0102-01 li.n02{background: url(/nimg/con0102_circle1_2.jpg) 0 0 no-repeat;}
.sub0102-01 li.n02 p{color: #3787d2;}
.sub0102-01 li.n03{background: url(/nimg/con0102_circle1_3.jpg) 0 0 no-repeat;}
.sub0102-01 li.n03 p{color: #5b4fb9;}
.sub0102-01 li.n04{background: url(/nimg/con0102_circle1_4.jpg) 0 0 no-repeat;}
.sub0102-01 li.n04 p{color: #d77a51;}

.sub0102-02{*zoom:1;}
.sub0102-02:after{content:""; display:block; clear:both;}
.sub0102-02 li{float: left;width: 147px;height: 147px;margin-left: 20px;text-align: center;line-height: 147px;font-weight: 500; letter-spacing:-1px;}
.sub0102-02 li.n01{background: url(/nimg/con0102_circle2_1.jpg) 0 0 no-repeat;color:#05ae76;}
.sub0102-02 li.n02{background: url(/nimg/con0102_circle2_2.jpg) 0 0 no-repeat;color:#649702;}
.sub0102-02 li.n03{background: url(/nimg/con0102_circle2_3.jpg) 0 0 no-repeat;color:#d4701a;}
.sub0102-02 li.n04{background: url(/nimg/con0102_circle2_4.jpg) 0 0 no-repeat;color:#d33841;}

.sub0102-03{*zoom:1;}
.sub0102-03:after{content:""; display:block; clear:both;}
.sub0102-03 li{float: left;width: 218px;margin-left: 18px;border-radius: 18px;background: #deefff;}
.sub0102-03 li p{height: 44px;background: #3752d3;border-radius: 18px 18px 0 0;line-height: 44px;text-align: center;color:#fff;font-size: 18px;letter-spacing:-1px;background: url(/img/con0102_bluebox_top.jpg) 0 0 no-repeat;}
.sub0102-03 li>div{font-size:14px;padding: 10px 20px 20px;height: 230px;}
.sub0102-03 li>div div{margin-top: 10px;letter-spacing:-1px;}

.sub0102-04{*zoom:1;}
.sub0102-04:after{content:""; display:block; clear:both;}
.sub0102-04 li{float: left;width: 218px;margin-left: 18px;border-radius: 18px;background: #f8f8f8;}
.sub0102-04 li p{height: 44px;background: #46c284;border-radius: 18px 18px 0 0;line-height: 44px;text-align: center;color:#fff;font-size: 18px;letter-spacing:-1px;background: url(/img/con0102_greenbox_top.jpg) 0 0 no-repeat;}
.sub0102-04 li>div{font-size:14px;padding: 10px 20px 20px;height: 230px;}
.sub0102-04 li>div div{margin-top: 10px;letter-spacing:-1px;}

@media screen and (max-width: 1200px){
	.sub0102-title-box{position: static;height: auto;padding-bottom: 10px;margin-top: 0;}
	.sub0102-ul>li{padding: 25px 15px 25px 15px;position: relative;}
	.sub0102-ul>li>ul{text-align: center;}
	.sub0102-01 li, .sub0102-02 li{margin-left: 0;margin-right: 20px;margin-bottom: 15px;display: inline-block;float: none;vertical-align: top;margin: 10px;}
	.sub0102-01 li:last-child, .sub0102-02 li:last-child{}
	.sub0102-03 li, .sub0102-04 li{margin-left: 0;margin-right: 10px;margin-bottom: 15px;display: inline-block;float: none;vertical-align: top;text-align: left;margin: 10px;}
	.sub0102-03 li:last-child, .sub0102-04 li:last-child{}
}

/*센터소개 > 운영기관*/ 
.con01021 {text-align:center}
.con01021 p {margin:45px 0px; font-size:16px; color:#666; line-height:160%}

.con01022 {width:100%; margin-top:65px}
.con0102_box {width:33%; margin-bottom:65px; float:left;}
.con0102_box h2 {font-size:24px; color:#017dc3; background-image:url(/nimg/contents/con0102_icon.jpg); background-repeat:no-repeat; padding-left:43px; font-weight:400;}
.con0102_box ul {margin:25px 43px 0px;}
.con0102_box ul li{font-size:14px; line-height:160%; color:#666; background-image:url(/nimg/contents/dot_icon01.jpg); background-repeat:no-repeat; background-position:left 5px; padding-left:10px;}

.con01023 {width:100%; margin-bottom:150px}

.con01023 .con0102_bn{*zoom:1;width:100%;}
.con01023 .con0102_bn:after {content:""; display:block; clear:both;}
.con01023 .con0102_bn {width:100%;border-left:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;}/* */
.con01023 .con0102_bn .bnbox {width:25%; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; text-align:center; vertical-align:middle; float:left; padding:25px 45px; min-height:100px;}


@media screen and (max-width: 800px){
.con0102_box {width:50%; float:left;}
.con01023 .con0102_bn .bnbox {width:50%; padding:25px 25px;}
}

@media screen and (max-width: 590px){
.con0102_box {width:100%; float:none;}
}



/*센터소개 인사말
.titleh2 {font-size:26px; font-weight:bold; background-image:url(/images/page/h2icon.jpg); background-repeat:no-repeat; background-position:left bottom; padding-bottom:15px; margin-bottom:40px;}
.titleh2 span {font-size:26px; font-weight:bold; color:#ff9900;}

.greeting {width:100%; background-image:url(/img/common/iwill_centerinfo.jpg); background-repeat:no-repeat; background-position:center bottom; border-bottom:1px solid #e9e9e9;}
.greeting .titlec {text-align:center; margin-bottom:20px;}
.greeting p{text-align:center; font-size:18px; color:#333; line-height:140%; padding-bottom:300px;}
*/
.greeting2 {padding:0px 0px;}
.greeting2 img {padding:50px 0px 100px;}
.gree_l {float:left; width:47%; font-size:18px; color:#333; line-height:160%; text-align:left;}
.gree_l .title_or {font-size:40px; color:#0076e2; line-height:130%; text-align:left; padding-bottom:20px;}
.gree_l .title_or2 {font-size:30px; color:#2245a9; line-height:130%; font-weight:bold; text-align:left; padding-bottom:40px;}
.gree_r {float:right; width:47%; font-size:18px; color:#333; line-height:160%; text-align:left;}
.gree_r .sign {font-size:16px; color:#666; line-height:160%; text-align:right; padding-top:50px;}
.gree_r .sign img {padding-top:50px;}

@media screen and (max-width: 700px){
.greeting {width:100%; background-image:url(/img/common/iwill_centerinfo.jpg); background-size:100%; background-repeat:no-repeat; background-position:center bottom; border-bottom:1px solid #e9e9e9;}
.greeting p{text-align:center; font-size:18px; color:#333; line-height:140%; padding-bottom:200px;}

.gree_l { width:100%;}
.gree_r {width:100%;}
}



/*센터소개 > 시설안내*/ 
.con0104 {width:100%; float:right;}
.con0104 .map {width:100%; border:1px solid #d8d8d8; text-align:center; margin-bottom:40px; padding:50px;  }
.con0104 .map img{width:869px;}

.con0104 .img {width:23%; margin-right:2%; margin-bottom:2%; float:left; border:1px solid #d8d8d8;}
.con0104 .img img{width:100%;}
.con0104 .img p {text-align:center; font-size:14px; color:#333; margin:20px 0px; }

@media screen and (max-width: 1000px){
.con0104 {width:100%; }
.con0104 .map img{width:100%;}
.con0104 .img {width:48%; margin-right:2%; }
}
@media screen and (max-width: 590px){
.con0104 .img {width:100%; }
}

/*설립근거목적*/
.sub01-4-ul{*zoom:1;margin: 0 -14px;}
.sub01-4-ul:after{content:""; display:block; clear:both;}
.sub01-4-ul li{width: 50%;float: left;padding: 108px 25px 25px; min-height:270px; margin-top:50px; text-align: center;position: relative; }
.sub01-4-ul li:after{content:"";display: block;left:14px;top:0;height: 100%;right:14px;border: 1px solid #ccc;position: absolute;border-radius:20px;}
.sub01-4-ul li strong{display: flex;align-items:flex-end;justify-content:center;height: 50px;font-size: 24px;color:#2562a0;font-weight: 600;line-height: 1.1em;}
.sub01-4-ul li p{display: block;font-size: 16px; text-align: center;line-height: 1.5em;margin-top: 10px;}
.sub01-4-ul li.sub01-4-li1{background: url(/images/page/organ_08.jpg) center 30px no-repeat;}
.sub01-4-ul li.sub01-4-li2{background: url(/images/page/organ_09.jpg) center 23px no-repeat;}

@media screen and (max-width: 800px){
	.sub01-4-ul li{width: 100%;margin-top:20px; }
	.sub01-4-ul li strong{font-size: 20px;}
	.sub01-4-ul li:after{left:8px;right:8px;}
	.sub01-4-bgbox p{font-size:16px;}
}






/*직원소개*/
.organ {padding:35px 0px; border-bottom:1px solid #ebebeb; width:100%; float:left;}
.organ2 {padding:10px 0px 35px 0px; border-bottom:1px solid #ebebeb; width:100%; float:left;}
.organ1 {width:100%; float:left;}
.organ1 .colorbox1 {width:270px; padding:30px 0px; text-align:center; color:#fff; background-color:#ff9900; font-size:14px; margin-right:30px;float:left;}
.organ2 .colorbox2 {width:270px; padding:30px 0px; text-align:center; color:#fff; background-color:#ffc000; font-size:14px;margin-right:30px;float:left;}
.organ .colorbox3 {width:270px; padding:30px 0px; text-align:center; color:#fff; background-color:#007040; font-size:14px;margin-right:30px;float:left;}
.organ .colorbox4 {width:270px; padding:30px 0px; text-align:center; color:#fff; background-color:#009454; font-size:14px;margin-right:30px;float:left;}
.organ .colorbox5 {width:270px; padding:30px 0px; text-align:center; color:#fff; background-color:#13b06c; font-size:14px;margin-right:30px;float:left;}
.organ .colorbox6 {width:270px; padding:30px 0px; text-align:center; color:#fff; background-color:#13b03c; font-size:14px;margin-right:30px;float:left;}
.organ .colorbox7 {width:270px; padding:30px 0px; text-align:center; color:#fff; background-color:#4baf24; font-size:14px;margin-right:30px;float:left;}
.organ .colorbox8 {width:270px; padding:30px 0px; text-align:center; color:#fff; background-color:#79c35c; font-size:14px;margin-right:30px;float:left;}
.organ .colorbox9 {width:270px; padding:30px 0px; text-align:center; color:#fff; background-color:#afc655; font-size:14px;margin-right:30px;float:left;}
.organ .colorbox10 {width:270px; padding:30px 0px; text-align:center; color:#fff; background-color:#c5ae67; font-size:14px;margin-right:30px;float:left;}
.organ p {font-size:24px; text-align:center; color:#fff; font-weight:bold; line-height:140%; }
.organ1 p {font-size:24px; text-align:center; color:#fff; font-weight:bold; line-height:140%; }
.organ2 p {font-size:24px; text-align:center; color:#fff; font-weight:bold; line-height:140%; }

.list {float:left;width:900px;}
.list table {width:100%;}
.list table .wi130 {width:160px; color:#6a6a6a}
.list table th {font-size:24px; text-align:center; font-weight:bold; color:#333; padding:5px; width:150px;}
.list table td {font-size:18px; text-align:left; color:#333; line-height:130%; padding:5px;}

@media screen and (max-width: 1100px){
.list {float:left;width:100%;}
.organ1 .colorbox1 {width:100%;}
.organ2 .colorbox2 {width:100%;}
.organ .colorbox3 {width:100%;}
.organ .colorbox4 {width:100%;}
.organ .colorbox5 {width:100%;}
.organ .colorbox6 {width:100%;}
.organ .colorbox7 {width:100%;}
.organ .colorbox8 {width:100%;}
.organ .colorbox9 {width:100%;}
.organ .colorbox10 {width:100%;}
}

@media screen and (max-width: 700px){
.list {float:left;width:100%;}
.organ1 .colorbox1 {width:100%;}
.organ2 .colorbox2 {width:100%;}
.organ .colorbox3 {width:100%;}
.organ .colorbox4 {width:100%;}
.organ .colorbox5 {width:100%;}
.organ .colorbox6 {width:100%;}
.organ .colorbox7 {width:100%;}
.organ .colorbox8 {width:100%;}
.organ .colorbox9 {width:100%;}
.organ .colorbox10 {width:100%;}
.list table .wi130 {width:150px;}
.list table th {font-size:18px; width:100px; vertical-align:text-top;}
.list table td {font-size:16px; }
}

@media screen and (max-width: 500px){
.list {float:left;width:100%;}
.organ1 .colorbox1 {width:100%;font-size:12px; }
.organ2 .colorbox2 {width:100%;}
.organ .colorbox3 {width:100%;}
.organ .colorbox4 {width:100%;}
.organ .colorbox5 {width:100%;}
.organ .colorbox6 {width:100%;}
.organ .colorbox7 {width:100%;}
.organ .colorbox8 {width:100%;}
.organ .colorbox9 {width:100%;}
.organ .colorbox10 {width:100%;}
.list table .wi130 {width:130px;}
.list table th {font-size:16px; width:80px; vertical-align:text-top;}
.list table td {font-size:14px; border-bottom:1px solid #ebebeb; }

}



/*센터소개 > 오시는길*/
.con0105 {width:100%;}

.con0105 .map {min-height:433px; width:100%; margin-bottom:65px;}
.con0105 .map .left{width:29%; border:1px solid #d8d8d8; float:left; padding:30px; min-height:423px;}
.con0105 .map .left h2 {font-size:24px; color:#000; text-align:left; padding:60px 0px 30px 0px}
.con0105 .map .left .icon01 {font-size:18x; line-height:30px;  min-height:30px; color:#000; text-align:left; margin-bottom:15px; background-image:url(/nimg/contents/con0105_icon01.jpg); background-repeat:no-repeat; background-position:left 0px; padding-left:37px;}
.con0105 .map .left .icon02 {font-size:18px; line-height:30px; min-height:30px; color:#000; text-align:left; background-image:url(/nimg/contents/con0105_icon02.jpg); background-repeat:no-repeat; background-position:left 0px; padding-left:37px;}
.con0105 .map .left .mapbt {font-size:14px; color:#000; font-weight:300; border:1px solid #000; padding:7px; margin-top:90px; width:115px; text-align:center;}
.con0105 .map .right{float:right; width:783px;}
/*.con0105 .map .right{background-color:#f9f9f9; float:right; width:68%; text-align:right;}
.con0105 .map .right img {vertical-align:top; width:100%;}
.con0105 .map .right .rightbox { min-height:33px; text-align:right; border:1px solid #e3e3e3; border-top:none; }
.con0105 .map .right span {padding:15px 7px; font-size:14px; line-height:33px; color:#333; }
*/
.con0105 .map2 {width:100%;}
.con0105 .map2 .left {float:left; text-align:left; vertical-align:text-top; width:18%;}
.con0105 .map2 .left .bus {background-image:url(/nimg/contents/con0105_icon03.jpg); background-repeat:no-repeat; background-position:left 0px; padding-left:50px; float:left; }
.con0105 .map2 .left .bus p {font-size:24px; color:#000; line-height:37px; padding-bottom:5px; text-align:left; border-bottom:1px solid #000;}
.con0105 .map2 .left .drive {background-image:url(/nimg/contents/con0105_icon04.jpg); background-repeat:no-repeat; background-position:left 0px; padding-left:50px; float:left }
.con0105 .map2 .left .drive p {font-size:24px; color:#000; line-height:33px; padding-bottom:5px; text-align:left; border-bottom:1px solid #000;}
.con0105 .map2 .left .pinfo {background-image:url(/nimg/contents/con0105_icon05.jpg); background-repeat:no-repeat; background-position:left 0px; padding-left:50px; float:left }
.con0105 .map2 .left .pinfo p {font-size:24px; color:#000; line-height:27px; padding-bottom:5px; text-align:left; border-bottom:1px solid #000;}

.con0105 .map2 .right {width:80%; float:right;}
.con0105 .map2 .right p {font-size:16px; color:#000; font-weight:500; text-align:left; background-image:url(/nimg/contents/dot_icon02.jpg); background-repeat:no-repeat; background-position:left 4px; padding-left:10px; padding-bottom:5px;  }
.con0105 .map2 .right ul {margin-left:10px; margin-bottom:30px;}
.con0105 .map2 .right ul li{font-size:16px; line-height:160%; color:#666; text-align:left; }
.con0105 .map2 .right ul li .tit{color:#000;}
.con0105 .map2 .right ul li .comm{font-size:14px; }

.con0105 .map2 .map2_info{*zoom:1; }
.con0105 .map2 .map2_info:after{content:""; display:block; clear:both;}
.con0105 .map2 .map2_info {padding-bottom:60px;}


@media screen and (max-width: 1100px){
/*.con0105 .map .right img {vertical-align:top; width:100%; min-height:390px; }*/
}

@media screen and (max-width: 1000px){
.con0105 .map .left{width:100%; min-height:0;}	
.con0105 .map .left h2 {padding:0px 0px 30px 0px}
.con0105 .map .left .mapbt {margin-top:30px;}
.con0105 .map .right {margin-bottom:50px;width:100%; }
/*.con0105 .map .right{width:100%; margin-bottom:65px; }
.con0105 .map .right img {vertical-align:top; width:100%; min-height:none;}	*/

.con0105 .map2 .left {float:left; text-align:left; vertical-align:text-top; width:23%;}
.con0105 .map2 .right {width:75%; float:right;}
}
@media screen and (max-width: 590px){
.con0105 .map2 .left {width:100%; margin-bottom:20px;}
.con0105 .map2 .right {width:100%; margin-bottom:20px;}
}


/*센터소개 > 셔틀버스*/
.con0106 {width:100%;}
.con0106 .sbus_box {background-image:url(/nimg/contents/con0106_boxbg.jpg); border:1px solid #d8d8d8; margin-bottom:50px;}
.con0106 .sbus_box ul {margin-bottom:15px;padding:40px 0px 0px 280px;}
.con0106 .sbus_box ul li{color:#333; font-size:16px; line-height:150%; text-align:left; background-image:url(/nimg/contents/dot_icon03.jpg); background-repeat:no-repeat; background-position:left 4px; padding-left:10px;}
.con0106 .sbus_box p{color:#333; font-size:18px;padding:0px 0px 40px 280px; font-weight:500}
.con0106 .sbus_box p span {color:#006699;}

.con0106 .title {color:#000; font-size:24px; line-height:26px; text-align:left; background-image:url(/nimg/contents/con0106_icon01.jpg); background-repeat:no-repeat; background-position:left 0px; padding-left:30px; padding-bottom:15px;}

.con0106 .left {width:48%; float:left;}
.con0106 .left table {width:100%;}

.con0106 .right {width:48%; float:right;}
.con0106 .right table {width:100%;}


@media screen and (max-width: 1000px){
.con0106 .sbus_box {background-image:url(none); background-color:#ececec; border:1px solid #d8d8d8; margin-bottom:50px;}
.con0106 .sbus_box ul {margin-bottom:15px;padding:40px 40px 0px 40px;}
.con0106 .sbus_box p{padding:0px 0px 40px 40px;}
}
@media screen and (max-width: 590px){
.con0106 .left {width:100%; float:none; margin-bottom:30px;}
.con0106 .right {width:100%; float:none;}
}


/*청소년활동 > 청소년전용공간 > 동아리실*/
.con0306 {width:100%;}

.con0306 .left{width:80%; float:left;}
.con0306 .left p{font-size:14px; color:#999;}
.con0306 .left h2{font-size:30px; color:#333; line-height:140%; margin-bottom:10px; font-weight:500;}
.con0306 .left span{font-size:14px; color:#666; line-height:160%; margin-bottom:28px;}
.con0306 .right{width:210px; float:right; background-color:#339966; margin-top:47px;}
.con0306 .right p{font-size:16px; color:#fff; text-align:left; vertical-align:middle; padding:10px 20px; 
background-image:url(/nimg/contents/bticon.jpg); background-repeat:no-repeat; background-position:170px 10px;}

.con0306 table {width:100%;}

.con0306 .top{*zoom:1; margin-bottom:30px; width:100%}
.con0306 .top:after{content:""; display:block; clear:both;}
.con0306 .imgbox {*zoom:1; width:100%; margin:30px 0px; float:none;}
.con0306 .imgbox:after{content:""; display:block; clear:both;}

.con0306 .imgbox .img {width:231px; margin-right:30px; margin-bottom:28px; float:left; border:1px solid #d8d8d8;}
.con0306 .imgbox .img img{width:229px; height:147px;}
.con0306 .imgbox .img p {text-align:center; font-size:14px; color:#333; margin:20px 0px; }

@media screen and (max-width: 1100px){
.con0306 .left{width:100%; float:none;}
.con0306 .right{float:none; }
}
@media screen and (max-width: 800px){
.con0306 .imgbox .img {width:32%;  margin-right:1.3333%; margin-bottom:15px;  }
.con0306 .imgbox .img img{width:100%; height:70%;}	
}
@media screen and (max-width: 590px){
.con0306 .imgbox .img {width:100%;  margin-right:0px; margin-bottom:15px;  }
}


/*교육문화강좌 > 광장유케스트라 > 3활동일시 및 참가비*/
.con0404 {width:100%;}
.con0404 h2 {font-size:30px; font-weight:400; color:#000; line-height:140%; margin-bottom:10px; text-align:left;}
.con0404 p {font-size:16px; color:#666; line-height:160%; text-align:left;}
.con0404 img {margin-top:50px;}
.con0404 .top {width:100%; background-image:url(/nimg/contents/040200.jpg); background-repeat:no-repeat; background-position:left 0px; min-height:272px;}
.con0404 .top p {font-size:30px; color:#9a715b; line-height:130%; text-align:left; padding:50px 50px 0px 50px;}
.con0404 .bott {width:100%;}


@media screen and (max-width: 800px){
.con0404 .top {width:100%; background-image:url(none); background-color:#f9eee8}	
.con0404 .top p {padding:50px 50px 50px 50px;}
}


/*교육문화강좌 > 광장유케스트라 > 강좌접수/환불안내*/
.con0401{width:100%;}
.con0401 .top {width:100%; background-image:url(/nimg/contents/con0401_icon01.jpg); background-repeat:no-repeat; background-position:right 20px; }
.con0401 h2 {font-size:24px; color:#333; text-align:left; padding-bottom:20px;}
.con0401 h2 span {font-size:14px; font-weight:500; color:#333; text-align:left;}
.con0401 p {font-size:14px; color:#666; text-align:left; padding-bottom:10px;}
.con0401 .time {font-size:14px; color:#666; text-align:left; padding-bottom:5px; line-height:160%; background-image:url(/nimg/contents/con0201_icon01.jpg); background-repeat:no-repeat; background-position:left 0px; padding-left:30px; margin-bottom:20px;}
.con0401 li {font-size:14px; color:#666; text-align:left; padding-bottom:5px; line-height:160%; background-image:url(/nimg/contents/dot_icon02.jpg); background-repeat:no-repeat; background-position:left 4px; padding-left:10px;}
.con0401 .graybox {width:100%; background-color:#f5f5f5; padding:35px; margin:30px 0px 50px 0px;}
.con0401 .graybox p {font-size:14px; color:#000; }
.con0401 .graybox li {background-image:url(none); }
.con0401 .bluebox {width:100%; background-color:#e4f0f8; padding:35px; margin:25px 0px 50px 0px;}
.con0401 .bluebox p {font-size:14px; color:#000; }

@media screen and (max-width: 590px){
.con0401 .top {background-image:url(none);}
}

.con04012{width:100%;}
.con04012 .top {width:100%; min-height:145px; background-image:url(/nimg/contents/con0401_icon012.jpg); background-repeat:no-repeat; background-position:right 20px; }
.con04012 h2 {font-size:24px; color:#333; text-align:left; padding-bottom:20px;}
.con04012 h2 span {font-size:14px; font-weight:500; color:#333; text-align:left;}
.con04012 p {font-size:14px; color:#666; text-align:left; padding-bottom:10px;}
.con04012 .time {font-size:14px; color:#666; text-align:left; padding-bottom:5px; line-height:160%; background-image:url(/nimg/contents/con0201_icon01.jpg); background-repeat:no-repeat; background-position:left 0px; padding-left:30px; margin-bottom:20px;}
.con04012 li {font-size:14px; color:#666; text-align:left; padding-bottom:5px; line-height:160%; background-image:url(/nimg/contents/dot_icon02.jpg); background-repeat:no-repeat; background-position:left 4px; padding-left:10px;}

@media screen and (max-width: 590px){
.con0401 .top {background-image:url(none);}
}




/*대관안내 > 대관이용안내 > 1대관시설*/
.con0201 {width:100%;}
.con0201 p{font-size:14px; color:#999;}
.con0201 h2{font-size:30px; color:#333; line-height:140%; margin-bottom:10px; font-weight:500;}
.con0201 table {width:100%;}

.con0201 .imgbox{*zoom:1; width:100%; margin:30px 0px; float:none;}
.con0201 .imgbox:after{content:""; display:block; clear:both;} 
.con0201 .imgbox { width:100%; padding-bottom:40px; }
.con0201 .imgbox img{width:49%;margin-right:1%;  float:left; }

.con0201 .imgbox50{*zoom:1; width:100%; margin:0px 0px; float:none;}
.con0201 .imgbox50:after{content:""; display:block; clear:both;} 
.con0201 .imgbox50 { width:100%; padding-bottom:10px; }
.con0201 .imgbox50 img{width:49%;margin-right:1%;  float:left; }

.con0201 .imgbox100{*zoom:1; width:100%; margin:0px 0px; float:none;}
.con0201 .imgbox100:after{content:""; display:block; clear:both;} 
.con0201 .imgbox100 { width:100%; padding-bottom:40px; }
.con0201 .imgbox100 img{width:99%;margin-right:1%;  float:left; }

.con0201 .imgbox80{*zoom:1; width:100%; margin:0 0px; float:none;}
.con0201 .imgbox80:after{content:""; display:block; clear:both;} 
.con0201 .imgbox80 { width:100%; padding-bottom:40px; }
.con0201 .imgbox80 img{width:70%; margin:0 15%;  float:none; text-align: center;}

@media screen and (max-width: 800px){
.con0201 .imgbox80 img{width:100%;margin:0 0%;  float:none; text-align: none; }
}

@media screen and (max-width: 590px){
.con0201 .imgbox img{width:100%;margin-right:0%;  float:none; }
.con0201 .imgbox50 img{width:100%;margin-right:0%;  float:none; }
}


/*대관안내 > 대관이용안내 > 2대관절차*/
.con0201t2 {width:100%;}
.con0201t2 .arrbox {width:100%; text-align:center; padding-bottom:40px;}

.con0201t2 .arrbox {*zoom:1; width:100%; margin:0px 0px 0px; float:none;}
.con0201t2 .arrbox:after{content:""; display:block; clear:both;}

.con0201t2 .arrbox .arr{width:160px; height:125px; float:left; background-image:url(/nimg/contents/con0201_arr.jpg); background-repeat:no-repeat; background-position:right 42px; margin-right:5px; margin-bottom:10px;  }
.con0201t2 .arrbox .arr1 {width:125px; height:125px; border-radius:50%; border:10px solid #36c; float:left; text-align:center; padding-top:18px; float:left; }
.con0201t2 .arrbox .arr1 span {font-size:18px; color:#36c; border-bottom:1px solid #36c; font-weight:500; line-height:180%;  }
.con0201t2 .arrbox .arr1 p {font-size:18px; color:#36c; font-weight:500}
.con0201t2 .arrbox .arr2 {width:125px; height:125px; border-radius:50%; border:10px solid #1b49a4; float:left; text-align:center; padding-top:18px; float:left; }
.con0201t2 .arrbox .arr2 span {font-size:18px; color:#1b49a4; border-bottom:1px solid #1b49a4; font-weight:500}
.con0201t2 .arrbox .arr2 p {font-size:18px; color:#1b49a4; font-weight:500}

.con0201t2 .tel {font-size:18px; color:#000; text-align:left; padding-bottom:5px; line-height:210%; background-image:url(/nimg/contents/con0201_icon02.jpg); background-repeat:no-repeat; background-position:left 0px; padding-left:50px; margin-bottom:10px;}

.con0201t2 .right_bt1{width:170px; float:right; background-color:#36c; }
.con0201t2 .right_bt1 p{font-size:14px; color:#fff; text-align:left; vertical-align:middle; padding:10px 20px; 
background-image:url(/nimg/contents/con0201_bticon01.jpg); background-repeat:no-repeat; background-position:130px 15px;}

.con0201t2 .sub-table-list011 td .div20 .right_bt2{width:230px; float:right; background-color:#1b49a4; color:#fff; }
.con0201t2 .sub-table-list011 td .div20 .right_bt2 p{font-size:14px; color:#fff; text-align:left; vertical-align:middle; padding:10px 20px; 
background-image:url(/nimg/contents/con0201_bticon02.jpg); background-repeat:no-repeat; background-position:190px 10px;}

.sub-table-list0 .right_bt2{width:230px; float:left; background-color:#1b49a4; color:#fff; }
.sub-table-list0 .right_bt2 p{font-size:14px; color:#fff; text-align:left; vertical-align:middle; padding:10px 20px; 
background-image:url(/nimg/contents/con0201_bticon02.jpg); background-repeat:no-repeat; background-position:190px 10px;}





/*대관안내 > 대관이용안내 > 3사용시간 및 대관료*/
.con0201t3 {width:100%;}
.con0201t3 h2 {font-size:24px; color:#333; text-align:left; padding-bottom:20px;}
.con0201t3 h2 span {font-size:14px; font-weight:500; color:#333; text-align:left;}
.con0201t3 p {font-size:14px; color:#666; text-align:left; padding-bottom:10px;}
.con0201t3 li {font-size:14px; color:#666; text-align:left; padding-bottom:5px; line-height:160%; background-image:url(/nimg/contents/dot_icon02.jpg); background-repeat:no-repeat; background-position:left 4px; padding-left:10px;}
.con0201t3 .time {font-size:14px; color:#666; text-align:left; padding-bottom:5px; line-height:160%; background-image:url(/nimg/contents/con0201_icon01.jpg); background-repeat:no-repeat; background-position:left 0px; padding-left:30px; margin-bottom:20px;}

.con0201t3 .imgbox{*zoom:1; width:100%; margin-bottom:30px; float:left;}
.con0201t3 .imgbox:after{content:""; display:block; clear:both;} 
.con0201t3 .imgbox .img {width:18%; margin-right:2%; margin-bottom:2%; float:left; border:1px solid #d8d8d8; min-height: 270px;}
.con0201t3 .imgbox .img img{width:100%;}
.con0201t3 .imgbox .tit {font-size:18px; color:#333; text-align:center; margin-top:15px; line-height:130%; }
.con0201t3 .imgbox .stit {font-size:12px; line-height:130%; color:#333; text-align:center; }
.con0201t3 .imgbox .stit span {color:#999;}
.con0201t3 .imgbox .con {font-size:14px; color:#333;text-align:center; padding-top:5px; }

@media screen and (max-width: 1000px){
.con0201t3 .imgbox .img {width:31%; margin-right:2%; margin-bottom:2%; min-height: none;}
}

@media screen and (max-width: 590px){
.con0201t3 .imgbox .img {width:100%; margin-right:0%; margin-bottom:20px;}
}



/*커뮤니티 > 분실물찾기*/
.con0703 {width:100%;}

.con0703 .infobox {background-color:#f0f1f5; border:1px solid #d8d8d8; margin-bottom:30px;
	               background-image:url(/nimg/contents/0703.jpg); background-repeat:no-repeat; background-position:left 0px; padding:50px 0px 50px 70px;}
.con0703 .infobox h1{font-size:22px; font-weight:500; margin-bottom:15px; color:#000; line-height:140%;}
.con0703 .infobox h3{font-size:18px; font-weight:500; margin:15px 0px 0px;color:#0366cb; }
.con0703 .infobox h2{font-size:24px; font-weight:bold; margin:15px 0px; color:#333; letter-spacing:1px;}
.con0703 .infobox li{font-size:14px; color:#333; line-height:160%; }
.con0703 .infobox ul{margin-bottom:20px;}
.con0703 .infobox .pointgray {color:#666; font-size:12px; font-weight:400; letter-spacing:1px; }
.con0703 .infobox .pointred {color:#F00; font-size:12px; line-height:18px; font-weight:400; letter-spacing:1px; background-image:url(/nimg/contents/con0703_icon.jpg); background-repeat:no-repeat; background-position:left 0px; padding-left:25px; }
@media screen and (max-width: 800px){
.con0703 .infobox {background-image:url(none); padding:30px;}	
}


/*공간예약*/
.sub0801_box {width:100%;}

.sub0801_box_01 {width:30%; margin-right:3%; border:1px solid #d8d8d8; margin-top:20px; margin-bottom:20px; border-radius: 20px;
	               background-image:url(/nimg/contents/sub0801_img01.jpg); background-repeat:no-repeat; background-position:center 0px; float:left; min-height:330px; }
.sub0801_box_01 h2 {margin-top:245px; text-align:center; font-size:24px; color:#333;}
.sub0801_box_01 p {text-align:center; font-size:12px; color:#666;}

.sub0801_box_02 {width:30%; margin-right:3%; border:1px solid #d8d8d8; margin-top:20px; margin-bottom:20px; border-radius: 20px;
	               background-image:url(/nimg/contents/sub0801_img02.jpg); background-repeat:no-repeat; background-position:center 0px; float:left; min-height:330px; }
.sub0801_box_02 h2 {margin-top:245px; text-align:center; font-size:24px; color:#333;}
.sub0801_box_02 p {text-align:center; font-size:12px; color:#666;}

.sub0801_box_03 {width:30%; margin-right:3%; border:1px solid #d8d8d8; margin-top:20px; margin-bottom:20px; border-radius: 20px;
	               background-image:url(/nimg/contents/sub0801_img03.jpg); background-repeat:no-repeat; background-position:center 0px; float:left; min-height:330px; }
.sub0801_box_03 h2 {margin-top:245px; text-align:center; font-size:24px; color:#333;}
.sub0801_box_03 p {text-align:center; font-size:12px; color:#666;}
@media screen and (max-width: 590px){
	.sub0801_box_01  {width:100%; margin-right:none; float:none; }
	.sub0801_box_02  {width:100%; margin-right:none;float:none; }
	.sub0801_box_03  {width:100%; margin-right:none; float:none; }
}



/*유아예체능단*/
.sub-title-box1{font-size: 24px;margin-bottom: 15px;margin-top: 50px; color:#000; font-weight:600}
.sub-title-box1:first-child{margin-top: 0;}
.sub-title-box1 span{font-size: 14px;margin-left: 5px;font-weight: 600;}

.sub0104-content-box p{color:#1341d8;font-size: 20px;}
.sub0104-content-box p span{color:#1341d8;font-size: 18px;}

.sub-table-list0502{border-collapse:collapse;border-top: 2px solid #000;width: 100%; word-break:break-all;}
.sub-table-list0502 th{height: 60px;text-align: center;font-size: 18px;background: #edf2f8;border: 1px solid #d9d9d9;}
.sub-table-list0502 th span{font-size: 14px;}
.sub-table-list0502 td{border: 1px solid #d9d9d9;height: 60px; font-size: 16px;padding:10px; text-align:!important;}
.sub-table-list0502 th:first-child, .sub-table-list0502 td:first-child{border-left: none;}
.sub-table-list0502 th:last-child, .sub-table-list0502 td:last-child{border-right: none;}
.sub-table-list0502 td .colory {color:#F90; font-weight:600; font-size:20px;}
.sub-table-list0502 td .colorr {color:#F03; font-weight:600; font-size:20px;}
.sub-table-list0502 td .colorb {color:#36C; font-weight:600; font-size:20px;}

.sub-title-class7{font-size: 16px;background: url(/images/page/class_7.jpg) 0 3px no-repeat;padding-left: 90px; padding-top:60px;margin-bottom: 5px;color:#000; font-size:18px;}
.sub-title-class7:first-child{margin-top: 0px;}
.sub-title-class6{font-size: 16px;background: url(/images/page/class_6.jpg) 0 3px no-repeat;padding-left: 90px; padding-top:60px;margin-bottom: 5px;color:#000; font-size:18px; margin-top:50px;}
.sub-title-class6:first-child{margin-top: 50px;}
.sub-title-class5{font-size: 16px;background: url(/images/page/class_5.jpg) 0 3px no-repeat;padding-left: 90px; padding-top:60px;margin-bottom: 5px;color:#000; font-size:18px; margin-top:50px;}
.sub-title-class5:first-child{margin-top: 50px;}


.sub-title-3s{font-size: 16px;background: url(/nimg/common_title_icon_s3.jpg) 0 3px no-repeat;padding-left: 23px;margin-bottom: 5px;color:#000; font-size:18px;}
.sub-title-3s:first-child{margin-top: 0;}
.sub-title-13s{font-size: 16px;background: url(/nimg/common_title_icon_s12.jpg) 0 3px no-repeat;padding-left: 15px; margin-bottom: 10px; color:#000; font-size:18px;}
.sub-title-13s:first-child{margin-top: 0;}

.listyle{font-size: 16px;margin-bottom: 5px;background: url(/nimg/common_title_icon_s1.jpg) 0 4px no-repeat;padding-left: 12px;}
.listyle .red{font-size: 14px;margin-bottom: 5px;background: url(/nimg/common_title_icon_s1.jpg) 0 4px no-repeat;padding-left: 12px; color:#F00}

.sub0205{}
.sub0205_graybox {background-color:#f1f1f1; padding:35px;min-height:100px;}
.sub0206{}
.sub0206_graybox {background-color:#f1f1f1; padding:35px;min-height:200px;}
.sub0206_graybox .box50p {width:50%; float:left;}
.sub0206_img30p {margin-bottom:100px;}
.sub0206_img30p img{width:16.4%; padding-right:2px; }


@media screen and (max-width: 800px){
.sub0206_img30p img{width:50%; float:left;}
}

@media screen and (max-width: 590px){
.sub0206_img30p img{width:100%; padding-right:none; }
.sub-table-list0502 th{font-size: 16px;}
.sub-table-list0502 th span{font-size: 12px;}
.sub-table-list0502 td{font-size: 14px;}
.sub-table-list0502 td .colory {font-size:16px;}
.sub-table-list0502 td .colorr {font-size:16px;}
.sub-table-list0502 td .colorb {font-size:16px;}
.listyle{font-size: 14px;}
.listyle .red{font-size: 12px;}
}

/*청소년상담 _ 01상담실소개*/
.sub0701box{background: url(/nimg/0701_img.jpg) 0 0px no-repeat; padding: 40px 60px; }
.sub0701box p {font-size: 18px; color: #fff; font-weight: 300}

.sub0701ment {margin: 50px 0px; border-bottom: 1px solid #828282; background: url(/nimg/icon_0701_note.jpg) right 5px no-repeat;}
.sub0701ment h2 {font-weight: 600; font-size: 28px; color: #333; line-height: 140%; margin-bottom: 10px;}
.sub0701ment p {font-size: 14px; color: #999; margin-bottom: 45px;}


/*blue box*/
.sub0701_bl{*zoom:1; width: 100%; }
.sub0701_bl:after{content:""; display:block; clear:both;}
.sub0701_bl .no {width:39px; height:39px; background-color:#0074e1; border-radius:50%; float:left; margin-right:5px;  font-weight: 600; font-size: 20px; color: #fff; }
.sub0701_bl {border-radius: 39px; text-align: center; line-height: 39px;color: #399de8; width: 100%; margin-bottom: 10px;}
.sub0701_bl h2{font-weight: 500; font-size: 20px; color: #333; line-height: 39px; text-align: left }
.sub0701_bl h2 span{color: #0074e1; }

.sub0701_blbox {*zoom:1; width: 100%; }
.sub0701_blbox:after{content:""; display:block; clear:both;}
.sub0701_blbox {border: 1px solid #d2e0ed; background-color: #e8f2fc; margin-bottom: 30px;}
.sub0701_blbox ul {padding: 30px;}
.sub0701_blbox ul li {color: #509fec;background: url(/nimg/icon_0701_bldot.jpg) left 5px no-repeat; padding:0 0 10px 10px;}

/*gr box*/
.sub0701_gr{*zoom:1; width: 100%; }
.sub0701_gr:after{content:""; display:block; clear:both;}
.sub0701_gr .no {width:39px; height:39px; background-color:#099; border-radius:50%; float:left; margin-right:5px;  font-weight: 600; font-size: 20px; color: #fff; }
.sub0701_gr {border-radius: 39px; text-align: center; line-height: 39px;color: #399de8; width: 100%; margin-bottom: 10px;}
.sub0701_gr h2{font-weight: 500; font-size: 20px; color: #333; line-height: 39px; text-align: left }
.sub0701_gr h2 span{color: #099; }

.sub0701_grbox {*zoom:1; width: 100%; }
.sub0701_grbox:after{content:""; display:block; clear:both;}
.sub0701_grbox {border: 1px solid #cbe7e8; background-color: #e8f8f8;margin-bottom: 30px;}
.sub0701_grbox ul {padding: 30px;}
.sub0701_grbox ul li {color: #099;background: url(/nimg/icon_0701_grdot.jpg) left 5px no-repeat; padding:0 0 10px 10px;}

.ment_js {font-size: 12px; color: #999; width: 100%; padding: 30px 10px;}

@media screen and (max-width: 800px){
.sub0701ment {background:none;}
}


/*청소년상담 _ 02이용안내*/
.sub0702box{border: 1px solid #e9e9e9; border-bottom: none; float: left; width: 50%; padding: 40px;}
.sub0702box2{border: 1px solid #e9e9e9; float: left; width: 50%; padding: 40px;  }
.sub0702box_l {border-left: none;}
.sub0702box_t {margin-bottom: 50px;}

.sub0702_01{background: url(/nimg/icon_0702_01.jpg) 0 0px no-repeat; padding-left: 130px;}
.sub0702_01 h2 {font-weight: 600; font-size: 24px; color: #333; line-height: 140%; margin-bottom: 10px;}
.sub0702_01 h2 span{color: #399de8;}
.sub0702_01 p {font-size: 16px; color: #666;}

.sub0702_02{background: url(/nimg/icon_0702_02.jpg) 0 0px no-repeat; padding-left: 130px;}
.sub0702_02 h2 {font-weight: 600; font-size: 24px; color: #333; line-height: 140%; margin-bottom: 10px;}
.sub0702_02 h2 span{color: #399de8;}
.sub0702_02 p {font-size: 16px; color: #666;}

.sub0702_03{background: url(/nimg/icon_0702_03.jpg) 0 0px no-repeat; padding-left: 130px;}
.sub0702_03 h2 {font-weight: 600; font-size: 24px; color: #333; line-height: 140%; margin-bottom: 10px;}
.sub0702_03 h2 span{color: #399de8;}
.sub0702_03 p {font-size: 16px; color: #666;}

.sub0702_04{background: url(/nimg/icon_0702_04.jpg) 0 0px no-repeat; padding-left: 130px;}
.sub0702_04 h2 {font-weight: 600; font-size: 24px; color: #333; line-height: 140%; margin-bottom: 10px;}
.sub0702_04 h2 span{color: #399de8;}
.sub0702_04 p {font-size: 16px; color: #666;}


@media screen and (max-width: 1000px){
.sub0702box_l {border-left:1px solid #e9e9e9;}	
.sub0702box_t {border-top:none;}
.sub0702box{ width: 100%;  }
.sub0702box2{ width: 100%;  }
}


.sub0702_tel {*zoom:1; width: 100%; }
.sub0702_tel:after{content:""; display:block; clear:both;}

.sub0702_tel {background: url(/nimg/icon_0702_05.jpg) center bottom no-repeat; text-align: center; padding: 100px;}
.sub0702_tel h2 {font-weight: 600; font-size: 24px; color: #333; line-height: 140%; margin-bottom: 10px; }
.sub0702_tel h2 span{color: #399de8;}
.sub0702_tel p {font-size: 16px; color: #666;}


/*/////////////////////////////////////////////////////////////////////////////////////////////*

/*기본 표 STYLE*/
.sub-table-list0{border-collapse:collapse;border-top: 2px solid #000;width: 100%; word-break:break-all; }
.sub-table-list0 th{ width:145px; text-align: center;font-size: 14px; color:#333; font-weight:500; background: #f5f5f5;border: 1px solid #d8d8d8;}
.sub-table-list0 td{border: 1px solid #d8d8d8;font-size: 14px;padding:15px; text-align:!important;}
.sub-table-list0 th:first-child, .sub-table-list0 td:first-child{border-left: none;}
.sub-table-list0 th:last-child, .sub-table-list0 td:last-child{border-right: none;}
.sub-table-list0 .blackft {color:#000; font-weight:500; margin-bottom:5px;}
.sub-table-list0 strong {color:#000; font-weight:500; }
.sub-table-list0 .redft {color:#f00; font-weight:500; }
.sub-table-list0 .kbbank {color:#333; line-height:18px; font-weight:400; background-image:url(/nimg/contents/kbbank.jpg); background-repeat:no-repeat; background-position:left 3px; padding-left:110px; margin:0px 10px; }


/*대관이용안내 2탭*/
.sub-table-list011{border-collapse:collapse;border-top: 2px solid #000;width: 100%; word-break:break-all;}
.sub-table-list011 td{font-size: 14px;padding:25px 15px 15px; text-align:!important;border-bottom: 1px solid #d8d8d8; }
.sub-table-list011 .sub-table-list01 td:first-child{border-left: none;}
.sub-table-list011 .sub-table-list01 td:last-child{border-right: none;}
.sub-table-list011 td .div60 {width:70%; float:left}
.sub-table-list011 td .div20 {width:15%; float:left}
.sub-table-list011 td li {line-height:160%; margin-bottom:10px;}
.sub-table-list011 td li span {color:#36c;}
.sub-table-list011 td p span{font-size:14px; color:#36c; border-bottom:1px solid #36c; font-weight:500; line-height:200%; text-align:left; margin-right:10px;}
.sub-table-list011 td p{font-size:18px; color:#36c; font-weight:500; text-align:left; padding:0px 20px;}
.sub-table-list011 .td2 p span{font-size:14px; color:#1b49a4; border-bottom:1px solid #1b49a4; font-weight:500; line-height:200%; text-align:left; margin-right:10px;}
.sub-table-list011 .td2 p{font-size:18px; color:#1b49a4; font-weight:500; text-align:left; padding:0px 20px;}
@media screen and (max-width: 800px){
.sub-table-list011 td p{padding:0px 0px 10px;}	
.sub-table-list011 .td2 p{padding:0px 0px 10px;}	
.sub-table-list011 td .div60 {width:100%; float:none;}
.sub-table-list011 td .div20 {width:100%; float:none;}	
}


/*대관이용안내 3탭*/
.sub-table-list03{border-collapse:collapse;border-top: 2px solid #000;width: 100%; word-break:break-all;}
.sub-table-list03 th{text-align: center;color:#333; font-weight:500; background: #f5f5f5;border: 1px solid #d8d8d8; padding:20px}
.sub-table-list03 .font16 {font-size:16px; font-weight:500}
.sub-table-list03 td{border: 1px solid #d8d8d8;padding:15px; text-align:center;}
.sub-table-list03 th:first-child, .sub-table-list03 td:first-child{border-left: none;}
.sub-table-list03 th:last-child, .sub-table-list03 td:last-child{border-right: none;}
.sub-table-list03 .blackft {color:#000; font-weight:500; margin-bottom:5px;}
@media screen and (max-width: 590px){
.sub-table-list03 th{font-size:12px; padding:5px}
.sub-table-list03 .font16 {font-size:12px;}
.sub-table-list03 td{font-size:12px;padding:5px;}
}


/*장비대여료 3탭*/
.sub-table-list03100{border-collapse:collapse;border-top: 2px solid #000;width: 100%; word-break:break-all;}
.sub-table-list03100 th{text-align: center;color:#333; font-weight:500; background: #f5f5f5;border: 1px solid #d8d8d8; padding:20px}
.sub-table-list03100 td{border: 1px solid #d8d8d8; border-left:none; padding:15px; text-align:center;}
.sub-table-list03100 .backbg {background-color:#e5eff7;}
.sub-table-list03100 th:first-child, .sub-table-list0 td:first-child{border-left: none;}
.sub-table-list03100 th:last-child, .sub-table-list0 td:last-child{border-right: none;}
.sub-table-list03100 .blackft {color:#000; font-weight:500; margin-bottom:5px;}
@media screen and (max-width: 590px){
.sub-table-list03100 th{font-size:12px; padding:5px}
.sub-table-list03100 td{font-size:12px;padding:5px;}
}


/*강좌접수환불안내표 1강좌일정*/
.sub-table-list0_center{border-collapse:collapse;border-top: 2px solid #000;width: 100%; word-break:break-all; margin-bottom:50px;}
.sub-table-list0_center th{text-align: center;font-size: 14px; color:#333; font-weight:500; background: #f5f5f5;border: 1px solid #d8d8d8;}
.sub-table-list0_center td{border: 1px solid #d8d8d8;font-size: 14px; color:#333; padding:10px; text-align:center;}
.sub-table-list0_center th:first-child, .sub-table-list0_center td:first-child{border-left: none;}
.sub-table-list0_center th:last-child, .sub-table-list0_center td:last-child{border-right: none;}
.sub-table-list0_center .line_b {border-bottom: 1px solid #000;}
.sub-table-list0_center .line_r {border-right: 1px solid #000;}
.sub-table-list0_center th .p20 {padding:20px;}
@media screen and (max-width: 590px){
.sub-table-list0_center th{font-size: 12px;}
.sub-table-list0_center td{font-size: 12px;}
}
	
/*강좌접수환불안내표 2접수방법*/
.sub-table-list00{border-collapse:collapse;border-top: 2px solid #000;width: 100%; word-break:break-all; margin-bottom:20px;}
.sub-table-list00 th{text-align: center;font-size: 14px; color:#333; font-weight:500;padding:10px; background: #f5f5f5;border: 1px solid #d8d8d8;}
.sub-table-list00 td{border: 1px solid #d8d8d8;font-size: 14px;  font-weight:400; color:#333;  padding:10px; text-align:center;}
.sub-table-list00 td span {color:#F00;}
.sub-table-list00 th:first-child, .sub-table-list00 td:first-child{border-left: none;}
.sub-table-list00 th:last-child, .sub-table-list00 td:last-child{border-right: none;}
.sub-table-list00 th .p20 {padding:20px;}
@media screen and (max-width: 590px){
.sub-table-list00 th{font-size: 12px;}
.sub-table-list00 td{font-size: 12px;}
}

/*
청소년상담 > 상담프로그램*/
.sub-table-list0703{border-collapse:collapse;border-top: 2px solid #000;width: 100%; word-break:break-all; margin-bottom:20px;}
.sub-table-list0703 th{text-align: center;font-size: 15px; color:#333; font-weight:500;padding:15px; background: #f5f5f5;border: 1px solid #d8d8d8;}
.sub-table-list0703 td{border: 1px solid #d8d8d8;font-size: 14px;  font-weight:400; color:#333;  padding:15px; text-align:left;}
.sub-table-list0703 .tdth{font-size: 16px;  font-weight:500; color:#333;  padding:10px; text-align:center;}
.sub-table-list0703 td span {color:#F00;}
.sub-table-list0703 td .center {text-align:center;}
.sub-table-list0709 th:first-child, .sub-table-list0703 td:first-child{border-left: none;}
.sub-table-list0703 th:last-child, .sub-table-list0703 td:last-child{border-right: none;}
.sub-table-list0703 th .p20 {padding:20px;}
@media screen and (max-width: 590px){
.sub-table-list0703 th{font-size: 12px;}
.sub-table-list0703 td{font-size: 12px;}
}

/*강좌접수환불안내표 3환불안내*/
.sub-table-list033{border-collapse:collapse;border-top: 2px solid #000;width: 100%; word-break:break-all;}
.sub-table-list033 th{ width:145px; text-align: center;font-size: 14px; color:#333; font-weight:500; background: #f5f5f5;border: 1px solid #d8d8d8;}
.sub-table-list033 td{border: 1px solid #d8d8d8;font-size: 14px;padding:15px; text-align:!important;}
.sub-table-list033 th:first-child, .sub-table-list033 td:first-child{border-left: none;}
.sub-table-list033 th:last-child, .sub-table-list033 td:last-child{border-right: none;}
.sub-table-list033 .blackft {color:#000; font-weight:500; margin-bottom:5px;}
@media screen and (max-width: 590px){
.sub-table-list033 th{font-size: 12px;}
.sub-table-list033 td{font-size: 12px;}
}
	
	
	
/*강좌접수환불안내표 4감면안내*/	
.sub-table-list04{border-collapse:collapse;border-top: 2px solid #000;width: 100%; word-break:break-all; margin-bottom:20px;}
.sub-table-list04 th{text-align: center;font-size: 14px; padding:10px; color:#333; font-weight:500; background: #f5f5f5;border: 1px solid #d8d8d8;}
.sub-table-list04 td{padding:10px; text-align:!important;border: 1px solid #d8d8d8;}
.sub-table-list04 .tit {font-size: 16px; color:#333; font-weight:500;}
.sub-table-list04 .comm {color:#333;font-weight:500;}
.sub-table-list04 td li {background-image:url(none); }
.sub-table-list04 th:first-child, .sub-table-list04 td:first-child{border-left: none;}
.sub-table-list04 th:last-child, .sub-table-list04 td:last-child{border-right: none;}	
@media screen and (max-width: 590px){
.sub-table-list04 th{font-size: 12px;}
.sub-table-list04 td{font-size: 12px;	}
}
	
.sub-table-list01{border-collapse:collapse;border-top: 2px solid #000;width: 100%; word-break:break-all;}
.sub-table-list01 th{ width:145px; text-align: center;font-size: 14px; color:#333; font-weight:500; background: #f5f5f5;border: 1px solid #d8d8d8;}
.sub-table-list01 td{border: 1px solid #d8d8d8;font-size: 14px;padding:25px 15px 15px; text-align:!important;}
.sub-table-list01 th:first-child, .sub-table-list01 td:first-child{border-left: none;}
.sub-table-list01 th:last-child, .sub-table-list01 td:last-child{border-right: none;}
.sub-table-list01 td ul {margin-left:20px;}
.sub-table-list01 td li {line-height:160%; margin-bottom:10px;}
.sub-table-list01 td li span {color:#F00;}
.sub-table-list01 td li strong {color:#000; font-weight:600; margin-right:10px;}
@media screen and (max-width: 590px){
.sub-table-list01 td ul {margin-left:0px;}	
}


.sub-table-list-bus{border-collapse:collapse;border-top: 2px solid #000;width: 100%; word-break:break-all;}
.sub-table-list-bus th{border: 1px solid #e2e2e2; text-align:center; font-size: 14px; color:#000; font-weight:400; padding:10px; background: #f5f5f5; }
.sub-table-list-bus td{border: 1px solid #e2e2e2; text-align:center; font-size: 14px; color:#000; font-weight:400; padding:10px;}

.sub-table-list1{border-collapse:collapse;border-top: 2px solid #000;width: 100%; word-break:break-all;}
.sub-table-list1 th{height: 60px;text-align: center;font-size: 18px;background: #edf2f8;border: 1px solid #d9d9d9;}
.sub-table-list1 td{border: 1px solid #d9d9d9;height: 60px; text-align:center;font-size: 16px;padding:10px;}
.sub-table-list1 th:first-child, .sub-table-list1 td:first-child{border-left: none;}
.sub-table-list1 th:last-child, .sub-table-list1 td:last-child{border-right: none;}

.sub-table-list2{border-collapse:collapse;border-top: 2px solid #000;width: 100%; word-break:break-all;}
.sub-table-list2 th{height: 60px;text-align: center;font-size: 18px;background: #edf2f8;border: 1px solid #d9d9d9;}
.sub-table-list2 td{border: 1px solid #d9d9d9;height: 60px;font-size: 16px;padding: 20px; }
.sub-table-list2 tbody th{background: none;font-weight: normal;}
.sub-table-list2 th:first-child, .sub-table-list2 td:first-child{border-left: none;}
.sub-table-list2 th:last-child, .sub-table-list2 td:last-child{border-right: none;}

.sub-table-list4{border-collapse:collapse;border-top: 2px solid #000;width: 100%; word-break:break-all;}
.sub-table-list4 th{height: 60px;text-align: center;font-size: 18px;background: #fce9d9;border: 1px solid #d9d9d9;}
.sub-table-list4 td{border: 1px solid #d9d9d9;height: 60px;font-size: 16px;padding: 20px; }
.sub-table-list4 .bgf9 {background-color:#f9f9f9;}
.sub-table-list4 tbody th{background: none;font-weight: normal;}
.sub-table-list4 th:first-child, .sub-table-list4 td:first-child{border-left: none;}
.sub-table-list4 th:last-child, .sub-table-list4 td:last-child{border-right: none;}


/*온라인 수강신청*/
.conwrap_wrap{width: 100%; border: 10px solid #f8f8f8; padding: 70px 50px; margin-bottom: 30px;}
.conwrap_wrap div{text-align: center;}	
.conwrap_wrap div h2{font-size: 40px; margin-bottom: 15px; color: #000; font-weight: 600;}	
.conwrap_wrap div p{font-size: 18px; line-height: 160%; margin-bottom: 50px;}
.conwrap_wrap h3{font-size: 22px; color: #333; margin-bottom: 10px; }		

.sub-table-list_online{border-collapse:collapse;border-top: 2px solid #000;width: 100%; word-break:break-all;}
.sub-table-list_online th{text-align: center;color:#333; font-weight:500; background: #f5f5f5;border: 1px solid #d8d8d8; padding:20px}
.sub-table-list_online .font16 {font-size:16px; font-weight:500}
.sub-table-list_online td{text-align:center;}
.sub-table-list_online td{border: 1px solid #d8d8d8;padding:15px;}
.sub-table-list_online .pt10{padding-top: 10px;}
.sub-table-list_online th:first-child, .sub-table-list_online td:first-child{border-left: none;}
.sub-table-list_online th:last-child, .sub-table-list_online td:last-child{border-right: none;}
.sub-table-list_online .blackft {color:#000; font-weight:500; margin-bottom:5px;}

@media screen and (max-width: 800px){
.conwrap_wrap{width: 100%; border: 0px solid #fff; padding: 20px 0px 0px 0px; margin-bottom: 30px;}
.conwrap_wrap div h2{font-size: 25px; margin-bottom: 15px; color: #000; font-weight: 600;}	
.conwrap_wrap div p{font-size: 16px; line-height: 160%; margin-bottom: 50px;}
.conwrap_wrap h3{font-size: 18px; color: #333; margin-bottom: 10px; }		
}

@media screen and (max-width: 590px){
.sub-table-list_online th{font-size:12px; padding:5px}
.sub-table-list_online .font16 {font-size:12px;}
.sub-table-list_online td{font-size:12px;padding:5px;}
}













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

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


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

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




/*개인정보취급방침*/
.terms_view{}
.terms_view h4{padding:80px 0 5px; color:#2b6dc2; font-size:20px;}
.terms_view .pno{padding:0px 0 5px; color:#2b6dc2; font-size:20px; font-weight:bold;}
.terms_view div{line-height:1.4; color:#313131;font-size:14px; display:block;}

.terms_view div strong{display:block; font-size:14px;}
.terms_view div span{font-size:14px;}
.terms_view div ol li{padding-left:15px; text-indent:-15px;font-size:14px;list-style: none;}
.terms_view div ol li ol{padding:18px 0 18px; text-indent:-15px;}
.terms_view div ol li ol li ol li{text-indent:-18px;}
.terms_view div ol li ol li ul{padding:18px 0 18px;}
.terms_view div ol li ol li ul li{padding-left:15px; text-indent:-15px;}
.terms_view div ol li ol li ul li span{display:block; padding-left:10px; text-indent:-10px;}
.terms_view .stitle {padding:10px 0 5px; color:#000; font-size:14px; font-weight:bold;}
.terms_view .txt01 ol{padding:18px 0 0 15px;}
.terms_view .txt01 ol > li > ol{padding-left:3px;}
.terms_view .txt01 ol > li > ol > li{text-indent:-18px;}
.terms_view .txt02{margin-bottom:16px;}
.terms_view .txt02 span{display:block; margin-bottom:4px; font-size:14px; color:#000; font-weight:400; }
.terms_view .txt03{}
.terms_view .txt03 ol > li > ol > li{margin-bottom:12px;}
.terms_view .txt04{}
.terms_view .txt04 ol > li{padding:18px 0 0 15px;}
.terms_view .txt04 ol > li span{display:block; margin-bottom:18px}
.terms_view .txt05 ul li{padding-left:8px; text-indent:-8px;}
.terms_view .txt06{margin-top:15px; padding:18px 20px; background-color:#f8f8f8;}
.terms_view .txt06 strong{display:block; margin-bottom:7px; color:#2b6dc2;}
.terms_view .txt06 p{padding-left:205px; text-indent:-205px;}
.terms_view .txt07 li{padding:25px 0 0 15px; text-indent:-15px; font-size:14px; line-height:1.4; color:#313131;list-style: none;}
.terms_view .txt07 li strong{display:block; padding-bottom:8px; color:#2b6dc2;font-size:14px; font-weight:400;list-style: none;}
.terms_view .txt07 li span{display:block; padding-bottom:8px; color:#2b6dc2;font-size:14px; font-weight:400;}
.terms_view .txt08{}
.terms_view .txt08 ol > li{margin-bottom:10px;}
.terms_view .txt08 ol > li > ol > li{margin-bottom:5px;}
.terms_view .txt_top{padding:35px; background-color:#e9f0f9;}
.terms_view .table_style{position:relative; margin-top:25px;}
.terms_view .table_style strong{font-size:14px; font-weight:400;}
.terms_view .table_style span{position:absolute; right:2px; top:2px; font-size:14px;}
.terms_view .table_style .type{margin-top:8px; border:1px solid #d7d7d7; border-right:0; border-bottom:0;}
.terms_view .table_style .type thead th{padding:11px 0; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; background-color:#eee; color:#313131; font-weight:400;}
.terms_view .table_style .type tbody th{font-weight:400;}
.terms_view .table_style .type tbody th,
.terms_view .table_style .type tbody td{padding:11px 0; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; text-align:center; font-size:14px;}
.terms_view .table_style .type.type01 tbody th{background-color:#eee; font-weight:400;}
.terms_view a{font-size:13px;line-height:1.4;color:#313131;}








/******************sub_02/sub01.php **********************/
.content_list{}
.content_list .cl_items{}
.content_list .cl_items > ul{width: calc(100% + 15px);}
.content_list .cl_items > ul > li{width: calc(50% - 15px);  min-height: 220px; padding-right: 7px; float: left; border: 1px solid #e1e1e1; border-radius: 15px; padding: 25px 25px 15px; margin-right: 15px; margin-bottom: 15px;}
.content_list .cl_items > ul > li .cl_img{display: inline-block; width: 140px; height: 140px; overflow: hidden; float: right;}
.content_list .cl_items > ul > li .cl_img img{width: 100%; height: 100%; border-radius: 50%;}
.content_list .cl_items > ul > li .cl_info{width: 70%; float: left;}
.content_list .cl_items > ul > li .cl_info .cl_title{}
.content_list .cl_items > ul > li .cl_info .cl_title h5{font-size: 14px; color: #29ae6c; font-weight: bold;}
.content_list .cl_items > ul > li .cl_info .cl_title p{font-size: 22px; color: #000000; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.content_list .cl_items > ul > li .cl_info .cl_desc{padding: 20px 0 0; overflow: hidden;}
.content_list .cl_items > ul > li .cl_info .cl_desc dl{float: left; margin: 0; width: 100%;}
.content_list .cl_items > ul > li .cl_info .cl_desc dl dt{float: left; margin: 0; padding-right: 15px; margin: 5px 0; border-right: 1px solid #999999; font-size: 14px; color :#999999; font-weight: 500; line-height: 1; }
.content_list .cl_items > ul > li .cl_info .cl_desc dl dd{float: left; margin: 0; padding-left: 15px; padding-right: 30px; margin: 5px 0; font-size: 14px; color :#333333; line-height: 1; }

.content_list .cl_items > ul > li .cl_info .cl_desc dl dd.time_wrapper{width: 60%;}

.content_view{border-bottom: 1px solid #cccccc;}
.content_view .cw_info{border: 1px solid #e1e1e1; background: #f7f7f7; padding: 30px 35px; border-radius: 15px; overflow: hidden;}
.content_view .cw_info .cw_title{}
.content_view .cw_info .cw_title h5{font-size: 14px; color: #29ae6c; font-weight: bold;}
.content_view .cw_info .cw_title p{font-size: 22px; color: #000000; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.content_view .cw_info .cw_desc{padding: 20px 0 0; overflow: hidden;}
.content_view .cw_info .cw_desc dl{float: left; margin: 0;}
.content_view .cw_info .cw_desc dl dt{float: left; margin: 0; padding-right: 15px; margin: 5px 0; border-right: 1px solid #999999; font-size: 14px; color :#999999; line-height: 1; }
.content_view .cw_info .cw_desc dl dd{float: left; margin: 0; padding-left: 15px; padding-right: 30px; margin: 5px 0; font-size: 14px; color :#333333; line-height: 1; }

/******************sub_03/sub01.php **********************/
.sub0301_content2{padding: 60px 0 20px; overflow: hidden; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}
.sub0301_content{padding: 60px 0 20px; overflow: hidden; border-bottom: 1px solid #cccccc;}
.sc_img{width: 350px; float: left;}
.sc_info{width: 850px; float: left; padding-left: 50px}
.sc_info .sci_top{}
.sc_info .sci_top h5{font-size: 14px; color: #ff9900; font-weight: bold; padding-bottom: 5px;}
.sc_info .sci_top h3{font-size: 22px; color: #00000; font-weight: bold; padding-bottom: 15px;}
.sc_info .sci_top p{font-size: 14px; color: #999999; font-weight: 500;}
.sc_info .sci_bottom{padding: 40px 0;}
.sc_info .sci_bottom table{width: 100%; overflow: hidden; }
.sc_info .sci_bottom table tbody{}
.sc_info .sci_bottom table tbody tr{}
.sc_info .sci_bottom table tbody tr th{width: 10%; padding: 5px 0; vertical-align: top; text-align: left;}
.sc_info .sci_bottom table tbody tr th .title_circle{display: inline-block; width: 68px; height: 25px; font-size: 12px; color: #ff9900; font-weight: 700; border: 1px solid #ff9900; border-radius: 25px; text-align: center; line-height: 23px;}
.sc_info .sci_bottom table  tbody tr td{padding: 5px 10px; font-size: 14px; color: #666666; font-weight: 600;} 

.moreview_btn {border:0px; width:134px; height:36px; line-height:36px; margin-top:40px; color:#FFF; text-align:center; font-size:16px; background-image:url(/img/morebtn.gif);}
.moreview_btn_no {display:none; }
.sc_info_view {padding:40px; width:100%;}
.sc_info_view .contents_view {font-size: 14px; color: #fff; line-height:140%;}
/******************sub_03/sub12.php **********************/
.fullwidth_list{}
.fwl_items{}
.fwl_items > ul{}
.fwl_items > ul > li{display: flex; align-items: center; justify-content: space-between; width: 100%; padding-right: 7px; float: left; border: 1px solid #e1e1e1; border-radius: 15px; padding: 35px 40px; margin-bottom: 15px;}
.fwl_items > ul > li .fwl_info{width: 70%; float: left;}
.fwl_items > ul > li .fwl_info .fwl_title h5{font-size: 14px; font-weight: bold;}
.fwl_items > ul > li .fwl_info .fwl_title p{font-size: 22px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.fwl_items > ul > li .fwl_info .fwl_desc{padding: 20px 0 0; overflow: hidden;}
.fwl_items > ul > li .fwl_info .fwl_desc dl{float: left; margin: 0;}
.fwl_items > ul > li .fwl_info .fwl_desc dl dt{float: left; margin: 0; padding-right: 15px; margin: 5px 0; font-size: 14px; font-weight: bold; color :#000000; line-height: 1; }
.fwl_items > ul > li .fwl_info .fwl_desc dl dd{float: left; margin: 0; padding-left: 15px; padding-right: 30px; margin: 5px 0; font-size: 14px; color :#333333; line-height: 1; }
.fwl_items > ul > li .fwl_btn{width: 20%; float: left;}
.fwl_items > ul > li .fwl_btn a:nth-child(1){margin-bottom: 5px;}

.content_view .fullwidth_list{}
.content_view .fwl_items{}
.content_view .fwl_items > ul{}
.content_view .fwl_items > ul > li{display: flex; align-items: center; width: 100%; padding-right: 7px; float: left; background: #f7f7f7; border: 1px solid #e1e1e1; border-radius: 15px; padding: 35px 40px; margin-bottom: 15px;}
.content_view .fwl_items > ul > li .fwl_info{width: 80%; float: left;}
.content_view .fwl_items > ul > li .fwl_info .fwl_title h5{font-size: 14px; font-weight: bold;}
.content_view .fwl_items > ul > li .fwl_info .fwl_title p{font-size: 22px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.content_view .fwl_items > ul > li .fwl_info .fwl_desc{padding: 20px 0 0; overflow: hidden;}
.content_view .fwl_items > ul > li .fwl_info .fwl_desc dl{float: left; margin: 0;}
.content_view .fwl_items > ul > li .fwl_info .fwl_desc dl dt{float: left; margin: 0; padding-right: 15px; margin: 5px 0; font-size: 14px; font-weight: bold; color :#000000; line-height: 1; }
.content_view .fwl_items > ul > li .fwl_info .fwl_desc dl dd{float: left; margin: 0; padding-left: 15px; padding-right: 30px; margin: 5px 0; font-size: 14px; color :#333333; line-height: 1; }
.content_view .fwl_items > ul > li .fwl_btn{width: 20%; float: left;}
.content_view .fwl_items > ul > li .fwl_btn a:nth-child(1){margin-bottom: 5px;}

.form_wr{width: 550px; margin: 0 auto; border: 1px solid #e1e1e1; border-radius: 15px; overflow: hidden;}
.form_wr .form_title{padding: 25px 50px 10px; text-align: center; border-bottom: 1px solid #e1e1e1;}
.form_wr .form_title p{font-size: 14px; color:#e1e1e1; font-weight: 600;}
.form_wr .form_title p.add_info{font-size: 14px; color:#000000; font-weight: 600; padding:15px 0; border-top: 1px solid #bdbdbd;}
.form_wr .form_title p.add_info .order_no{color: #3366cc; padding-left: 25px; padding-right: 15px;}
.form_wr .form_title p.add_info .order_waiting_no{color: #999999;}
.form_wr .form_title p.add_info .order_waiting_no b{color: #3366cc;}
.form_wr .form_title h4{font-size: 24px; color:#ff9900; font-weight: 600; padding-bottom: 15px;}
.form_wr .form_elements{background: #f5f6f7;}
.form_wr .form_elements .privacy_box{padding: 25px 50px;  border-bottom: 1px solid #e1e1e1;}
.form_wr .form_elements .privacy_box div dl{overflow: hidden;}
.form_wr .form_elements .privacy_box div dl dt{float: left; font-size: 16px; font-weight: bold; color: #000000;}
.form_wr .form_elements .privacy_box div dl dt span b{color: #3366cc;}
.form_wr .form_elements .privacy_box div dl dd{float: right; font-size: 15px; color :#000000; font-weight: bold; margin: 0;}
.form_wr .form_elements .privacy_box .privacy_content div{height: 90px; overflow: auto;  border: 1px solid #e1e1e1; padding: 10px; background: #FFF;}
.form_wr .form_elements .input_box{padding: 10px 50px 70px;}
/*
.input_wrap{}
.input_wrap .input_title{padding: 20px 0 10px;}
.input_wrap .input_title label{font-size: 16px; font-weight: bold; color: #000000;}
.input_wrap .input_title label span{color: #3366cc;}
.input_wrap .input_title label span{color: #3366cc;}
.input_wrap .input_content select{width: 33%; height: 50px; border: 1px solid #dadada; padding-left: 15px; color: #999999}
.input_wrap .input_content select option{color: #000;}
.input_wrap .input_content input[type='text']{width: 100%; height: 50px; border: 1px solid #dadada; padding-left: 15px;}
.input_wrap .input_content input[type='password']{width: 100%; height: 50px; border: 1px solid #dadada; padding-left: 15px;}
.input_wrap .input_divide_content{display: flex; justify-content: space-between;}
.input_wrap .input_divide_content input::placeholder{color: #999999;}
.input_wrap .input_divide_content input#year{width:33% ; height: 50px; border: 1px solid #dadada; padding-left: 15px;}
.input_wrap .input_divide_content input#day{width: 33%; height: 50px; border: 1px solid #dadada;  padding-left: 15px;}
.input_wrap .input_divide_content select{width: 33%; height: 50px; border: 1px solid #dadada; padding-left: 15px; color: #999999}
.input_wrap .input_divide_content select option{color: #000;}

.input_wrap .input_divide3_content{display: flex; justify-content: space-between;}
.input_wrap .input_divide3_content input::placeholder{color: #999999;}
.input_wrap .input_divide3_content input{width:31% ; height: 50px; border: 1px solid #dadada; padding-left: 15px;}
.input_wrap .input_divide3_content select{width: 31%; height: 50px; border: 1px solid #dadada; padding-left: 15px; color: #999999}

.input_wrap .input_divide2_content{display: flex; justify-content: space-between;}
.input_wrap .input_divide2_content input::placeholder{color: #999999;}
.input_wrap .input_divide2_content input{width:68% ; height: 50px; border: 1px solid #dadada; padding-left: 15px;}
.input_wrap .input_divide2_content select{width: 31%; height: 50px; border: 1px solid #dadada; margin-left: 10px;  padding-left: 15px; color: #999999}
.input_wrap .input_divide2_content select option{color: #000;}

*/
.form_buttons{width: 550px; margin: 20px auto; display: flex; justify-content: center;}
.form_buttons a{width: 47%;}
.form_buttons input{width: 47%;}


.view_result{padding: 30px;}
.view_result{font-size: 16px; color: #333333; letter-spacing: 0px;}
.view_result .view_result_img{text-align: center; padding: 60px 0 70px;}

.view_result2{padding: 30px 30px 30px 30px; background-color:#f9f9f9;}
.view_result2{font-size: 16px; color: #333333; letter-spacing: 0px;}



@media screen and (max-width: 1200px) {
	.content_list .cl_items > ul > li{text-align:center; min-height: 220px;}
	.content_list .cl_items > ul > li .cl_img{display: none;}
	.content_list .cl_items > ul > li .cl_info{width: 100%; text-align:left;}

	.comsub_title{background-size: 130% 130%; background-position: 100% 63%;}
	.sc_img{width: 100% !important; text-align: center; padding: 20px;}
	.sc_info{width: 100% !important; padding: 20px; padding-left: 20px !important;}


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

.content_list .cl_items > ul > li{padding: 15px; min-height: 240px;}
.content_list .cl_items > ul > li .cl_img{display: none;}
.content_list .cl_items > ul > li .cl_info .cl_desc dl dd{padding-right: 0; float: left; width: 80%;}
.content_list .cl_items > ul > li .cl_info .cl_desc dl dd.time_wrapper{width: 80%;}

}

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

	
	.content_list .cl_items > ul > li{width: calc(100% - 15px);}
	.content_list .cl_items > ul > li .cl_info{width: 100%; float: none;}
	.content_list .cl_items > ul > li .cl_img{width: 100%; height: auto;}

	.fwl_items > ul > li{display: block; padding: 15px;}
	.fwl_items > ul > li .fwl_info{width: 100%; float: inherit;}
	.fwl_items > ul > li .fwl_btn{width: 100%; float: inherit; margin: 20px 0 0;}
	.fwl_items > ul > li .fwl_btn a:nth-child(1){float: left; display: inline-block; width: 48%; margin-right: 5px;}
	.fwl_items > ul > li .fwl_btn a:nth-child(2){float: left; display: inline-block; width: 48%;}
	.fwl_items > ul > li .fwl_info .fwl_desc dl dt{padding-right: 0;}

	.content_view .fwl_items > ul > li{display: block; padding: 15px;}
	.content_view .fwl_items > ul > li .fwl_info{width: 100%; float: inherit;}
	.content_view .fwl_items > ul > li .fwl_btn{width: 100%; float: inherit; margin: 20px 0 0;}
	.content_view .fwl_items > ul > li .fwl_btn a:nth-child(1){float: left; display: inline-block; width: 48%; margin-right: 5px;}
	.content_view .fwl_items > ul > li .fwl_btn a:nth-child(2){float: left; display: inline-block; width: 48%;}
	.content_view .fwl_items > ul > li .fwl_info .fwl_desc dl dt{padding-right: 0;}

	.content_view .cw_info{padding: 20px;}
	.view_result{padding: 20px;}

}