@charset "utf-8";




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

	공통

////////////////////////////////////////////////////////////////////////////// */
.basic_box{ border:1px solid #e2e2e2; padding:15px 20px; overflow:hidden}
.basic_box:after{ display:block; clear:both; content:""}
.basic_box input[type="button"],input[type="reset"],input[type="submit"]{min-width:20px;width:auto;height:33px;padding:4px 16px;margin:0;border:1px solid #ea6242;background:#ea6242;font-weight:400;font-size:0.9em;line-height:1em;color:#fff}
.basic_box h4{ font-size: 22px; }
.basic_box p{margin:0;}
.ft_left{ float: left;}
.center{ text-align: center;}
 strong{ font-weight: 500;}
.red{ color:#e74c0f !important}
.codeView01 { font-size: 14px; font-weight: 400;}

.box{ padding: 26px; background-color:#f1f3f6 ; }
.box.box_img{ padding: 26px 26px 26px 130px; background-image: url(../../images/woodedu/content/ico-notice.png); background-repeat: no-repeat; background-position: 25px center;}
.box.box-border{ border: 6px solid #f1f3f6 ; background-color: #fff; position: relative; }
.box.box-border.box-border-img{position: relative; padding: 26px 130px 26px 26px;  }
.box.box-border.box-border-img:after{ content: ""; display:block;width:154px ; height:135px ;background: url(../../images/woodedu/content/infi-img.png); position: absolute; bottom: 0; right: 15px;}

.ul-default{}
.ul-default li{ position: relative; padding: 0 0 0 10px; margin: 3px 0;}
.ul-default li:before{ content: ""; display: block; position: absolute; left: 0; top: 8px;/* transform: translate(0, -2px); */}
.ul-default>li::before{ width: 3px; height: 3px; background-color: #214ea6; }
.ul-default li ul{ margin: 0 0 10px 0;}
.ul-default li li::before{ width: 4px; height: 2px; background:#b2b2b2;}

.img-max{ max-width: 100%;}

.ol-default{}
.ol-default li{ margin: 9px 0;} 
.ol-default li span.num{ display: inline-block; width: 22px; background-color: #214ea6; height: 22px; color: #fff; border-radius: 50%;  text-align: center; font-size: 13px; line-height:22px; margin-right: 5px;}
.ol-default.ol-default-big li span.num{ width: 30px; height: 30px; line-height: 30px; font-size: 15px; font-weight: 500;}

a.btn, a.btn:link, a.btn:visited, a.btn:active{ background:#ec5151 ; border: 1px solid #ec5151;}
a.btn{ border-radius: 30px; font-size: 17px; padding: 8px 30px; min-width: auto; height: auto;}
a.btn:hover{background:#fff; border:1px solid #ec5151; color:#ec5151; text-decoration:none;}

.flex-col2{ display: flex;  flex-wrap: wrap;}
.flex-col2 > div{ width: 50%; }
.flex-col2  h5{ margin: 10px 0 10px 0;}


.flex-between{ display: flex; justify-content: space-between; margin: 40px 0 0 0; align-items: center;}

.point{ color:#ec5151;}


.table_scroll{ overflow: auto;}
.table.table-cont{ border-top: none}
.table.table-cont th{ font-weight: 500; background: #214ea6; color: #fff; border-right: 1px solid rgba(255, 255, 255, 0.3); border-bottom: none;}
@media screen and (max-width: 767px){
    .table_scroll .table{ width: 700px;}

    .flex-col2{justify-content:start; flex-wrap: wrap;}
    .flex-col2 div{ flex: 1 0 100%; margin-bottom: 8px;}   
    
    .ul-default li{ padding: 0 0 0 8px; margin: 4px 0;}

    .box.box-border.box-border-img{ padding: 20px;  }
    .box.box-border.box-border-img:after{ display: none;}
    .box.box_img{ background-size: 50px auto; padding: 20px 20px 20px 80px;background-position:15px 25px}

    a.btn{font-size: 15px; padding: 5px 20px; }
}


/* 1,2층*/
#con_card{padding-bottom: 20px; box-sizing: border-box;}
#con_card .photos{position:relative; padding:70px 70px 60px 70px; background-color:#F2F6F7;}
#con_card .photos .head{position:relative; z-index:10; max-width:575px; padding:0px; margin:0 auto; text-align: center;}
#con_card .photos .head h1{ font-size: 37px; font-weight: 500; color: #111;}
#con_card .photos .head p{ font-size: 19px; margin: 20px 0 40px 0; opacity: 0.8;}
#con_card .photos .head img{width:100%;}
#con_card .photos .head .btn_left,
#con_card .photos .head .btn_right{overflow:hidden; display:block; position:absolute; top:0; width:50px; height:100%; text-indent:-1000px; background-repeat:no-repeat;}
#con_card .photos .head .btn_left{left:-90px; background-image:url(../../images/woodedu/content/con_card_arrow_l.png); background-position:left center;}
#con_card .photos .head .btn_right{right:-90px; background-image:url(../../images/woodedu/content/con_card_arrow_r.png); background-position:right center;}
#con_card .photos .midd{/*overflow:hidden;*/ position:relative; z-index:5; margin:0 auto;}
#con_card .photos .midd .count{max-width:575px; margin:0 auto 0; padding: 6px 0 22px 0; text-align:right; font-size:15px; color:#333; box-sizing: border-box;}
#con_card .photos .midd .count span{color: #e96142;}
#con_card .photos .midd ul{overflow:hidden; left:0 !important; width:100%;}
#con_card .photos .midd ul li{float:left; padding:0 11px 11px 0;}
#con_card .photos .midd ul li a{overflow:hidden; display:block; position:relative; width:110px; height:110px;}
#con_card .photos .midd ul li a img{width:100%;}
#con_card .photos .midd ul li a:before{
	content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; border: 4px solid transparent; background-color:rgba(0, 0, 0, 0.52); box-sizing: border-box;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#con_card .photos .midd ul li.on a:before{border-color: #e96142; background-color: transparent;}

@media screen and (max-width: 1150px){
    #con_card .photos .head .btn_left, 
    #con_card .photos .head .btn_right{width: 40px; background-size:70% auto;}
	#con_card .photos .head .btn_left{left:-55px;}
	#con_card .photos .head .btn_right{right:-55px;}
}

@media screen and (max-width: 800px){
    #con_card{padding-bottom: 10px;}
    #con_card .photos{padding: 35px 60px 0 60px;}
	#con_card .photos .head,
	#con_card .photos .midd{max-width:100%;}
   
	#con_card .photos .head .btn_left,
	#con_card .photos .head .btn_right{background-position:center center; background-size:50% auto;}
    #con_card .photos .head .btn_left{left:-50px;}
	#con_card .photos .head .btn_right{right:-50px;}
    #con_card .photos .midd .count{padding: 4px 0 15px 0; font-size: 14px;}
    #con_card .photos .midd ul li a{width: 80px; height: 80px;}
    #con_card .cons{padding: 30px 60px 45px 60px;}
 
}
@media screen and (max-width: 600px){
    #con_card{padding-bottom: 0;}
    #con_card .photos{padding: 30px 40px 0 40px;}
    #con_card .cons >p{margin-bottom: 12px;}
    #con_card .cons .head{font-size: 22px; line-height: 26px;}
    #con_card .cons .midd,
    #con_card .cons .foot{font-size: 14px; line-height: 21px;}
    #con_card .cons .foot span:not(:first-child){margin-left: 10px; padding-left: 11px;}
    #con_card .photos .head .btn_left, #con_card .photos .head .btn_right{background-size: 40% auto;}
    #con_card .photos .head .btn_left{left: -40px;} 
    #con_card .photos .head .btn_right{right: -40px;}
	#con_card .photos .midd ul li{width:20%; box-sizing:border-box;}
	#con_card .photos .midd ul li a{width:100%; height:auto;}
    #con_card .cons{padding: 25px 40px 35px 40px; margin-bottom: 20px;}
  
}
@media screen and (max-width: 480px){
    #con_card .photos{padding: 25px 30px 0 30px;}
	#con_card .photos .head .btn_left,
	#con_card .photos .head .btn_right{width: 30px; background-position:center center; background-size: 40% auto;}
    #con_card .photos .head .btn_left{left: -30px;} 
    #con_card .photos .head .btn_right{right: -30px;}
    #con_card .photos .midd .count{padding: 2px 0 10px 0; font-size: 13px;}
    #con_card .photos .midd ul li{padding: 0 7px 7px 0;}
	#con_card .cons{padding: 20px 30px 30px 30px;}

	#con_card .photos .midd ul li{width:25%;}
}




/*안내도*/
.map-floor{ display: flex; background-color:#f4f4f4 ; padding: 30px; position: relative;  align-items: center; }
.map-floor h1{ background-color: #214ea6; align-self: flex-start; color: #fff; font-size:40px; padding: 36px; border-bottom-right-radius: 40px; position: absolute; top: 0; left: 0;}
.map-floor h1 span{ font-size: 19px;}
.map-floor div{ }
.map-floor .floor-img{flex: 0 1 75%;  text-align: center;}
.map-floor .floor-img img{ max-width: 100%;}
.map-floor .ol-default li{ margin: 12px 0; font-size: 17px;} 
.map-floor.floor01 .ol-default li span.num{ background-color:#e95378 ;} 
.map-floor.floor02 .ol-default li span.num{ background-color:#019fa8 ;} 

@media screen and (max-width: 767px){
    .map-floor{ flex-wrap: wrap;} 
    .map-floor h1{ font-size:20px; padding:20px;}
    .map-floor h1 span{ font-size: 14px;}
    .map-floor .floor-img{ flex: auto;}  
    .map-floor .ol-default li{ float: left; width: 50%;margin: 7px 0; font-size: 15px;}
}

.program{ display: flex;}
.program .program-img{ margin-right: 30px; flex: 0 0 483px;}
.program .program-img img{ max-width: 100%;}
.program .program-info p{ font-size: 19px;line-height: 1.4;color: #000;}
.program .program-info ul{ margin: 30px 0 0 0;}
.program .program-info ul li{ margin: 6px 0;}
.program .program-info ul li strong{ display: inline-block; margin-right: 7px; min-width: 90px; border: 1px solid #214ea6; text-align: center; border-radius: 30px; padding: 4px 0; color: #214ea6; font-size: 15px;font-weight: 500;}

@media screen and (max-width: 1260px){
    .program .program-img{ flex: auto;}
 }

 @media screen and (max-width: 768px){
    .program .program-info p{ font-size: 16px;}
    .program .program-info ul{ margin: 15px 0 0 0;}
    .program .program-info ul li strong{ min-width: 60px; font-size: 14px;}
 }

 @media screen and (max-width: 600px){
    .program{ flex-wrap: wrap;}
    .program > div{ width: 100%;}
    .program .program-img{ margin-right: 0; margin-bottom: 10px;}
    .program .program-img img{ width: 100%;}
 }

.program-list{ display: flex; margin: 0 -6px; flex-wrap: wrap;}
.program-list > li{ border: 1px solid rgba(0, 0, 0, 0.15); width: calc((100% / 3) - 20px); margin: 10px; box-sizing: border-box;padding: 30px 20px 25px; text-align: center; border-top: 1px solid;}  
.program-list h1{ font-size: 18px; margin: 0 0 20px 0; color: #111; font-weight: 500;}
.program-list img{ max-width: 100%; border-radius: 12px;}
.program-list ul{ text-align: left; font-size: 15px; margin:8px 0 0 10px; opacity: 0.9;}
.program-list .ul-default li{ margin: 2px 0;}


.program-list.program-list-col4 > li{width: calc((100% / 4) - 20px); }


@media screen and (max-width: 767px){
   .program-list > li, .program-list.program-list-col4 > li{width: calc((100% / 2) - 10px);  margin: 5px;padding:20px 15px }
    .program-list h1{ font-size: 16px;}
    .program-list ul{ font-size: 14px;}
}
@media screen and (max-width: 480px){
    .program-list > li, .program-list.program-list-col4 > li{width: 100%;}
 }




.floor-d-list{ border-top:1px solid #dedede; border-bottom:1px solid #dedede;padding: 40px 0 0; margin: 50px 0 0; display: flex; flex-wrap: wrap;}
.floor-d-list li{ box-sizing: border-box; padding: 0 20px;width:50%;margin: 0 0 50px 0; }
.floor-d-list li img{ max-width: 100%;}
.floor-d-list dl{ text-align: center; margin-bottom: 20px; }
.floor-d-list dl dt{ font-size: 24px; font-weight: 500; margin: 0 0 10px 0; color: #000;}
.floor-d-list dl dt:after{ display: block; content: ""; width: 15px; height: 1px; background: #000; margin: 15px auto 11px;}
.floor-d-list dl dd{ min-height: 50px;}
.floor-d-list.floor-d-list-col1 li{flex: 0 1 100%;}
.floor-d-list.floor-d-list-col1 dl dd{ min-height: auto;}
@media screen and (max-width: 767px){
    .floor-d-list li{ padding: 0; flex: 0 1 100%;  margin: 0 0 35px 0; }
    .floor-d-list dl dt{ font-size: 19px;}
    .floor-d-list dl dd{ min-height: auto;}
 }


 .info-bg{ background:url(../../images/woodedu/content/info-bg.jpg) no-repeat 94% bottom; background-size: 33% auto}
 @media screen and (max-width: 767px){
    .info-bg{ background:none}
 }



 .reser-list > li{ border-bottom: 1px solid #dedede; padding: 20px 0;}
 .reser-list > li:first-child{ padding-top: 0;}


 .reser{ display: flex; align-items: center; }
 .reser .img{ flex: 0 1 81px;}
 .reser .title{ flex: 0 0 180px; text-align: center;}
 .reser h5, .reser h4{ margin-top: 0; padding-left: 0;}
 .reser h5:before{ display: none;}

 .reser-list.map-list{ margin: 40px 0 0 0;}
 .reser-list.map-list img{ padding-left: 20px;}
 .reser-list.map-list .title{ flex: 0 0 180px; text-align: left;}
 @media screen and (max-width: 767px){
    .reser{ flex-wrap: wrap;}
    .reser-list.map-list img{ padding-left: 0;}
    .reser .list{ width: 100%;}
    .reser .list ul{ margin: 10px 0 0 0;}
    .reser .list .ul-default>li{ margin-bottom: 4px;}
    .reser .img{ flex: 0 1 40px;}
    .reser .img img{ width:73%;}
    .reser .title{ text-align: left;}
 }




 /* 포토게시판 스타일 */
.prog_content {width:100%; position:relative; overflow:hidden; }
.photogallery_list {}
.photogallery_list li {float:left; width:25%;}
.photogallery_list .sum_photo {margin:10px; height:200px;}
.photogallery_list li img {margin-left:0px !important; width:100%; height:150px;} 
.photogallery_list .subject {display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  margin: 5px 0 2px 0;}
.photogallery_list .date {color:#aaaaaa;}


.holder {overflow:hidden; margin:20px;}
.holder:after {clear:both;}
.holder>ul{width:9999px;}
.holder li {float:left; padding-right:10px;}
#galleryThum {position:relative;}
.arrLeft {display:block; position:absolute; left:0px; top:20px;}
.arrRight {display:block; position:absolute; right:0px; top:20px;}
#galleryView p {display:none;}


.board_images td {padding:30px 30px 10px 30px;}


/***** paginate *****/
.paginate {padding:0; text-align:center; line-height:normal; white-space:nowrap; margin:25px 0 30px 0; width:100%;}
.paginate * {position:relative; display:inline-block; margin:0 2px; text-decoration:none; line-height:normal; vertical-align:top;}
.paginate a {display:inline-block; color:#505050; border:1px solid #dedede; width:30px; height:30px; line-height:30px; text-decoration:none;}
.paginate a.first {margin-right:5px;}
.paginate a.last {margin-left:5px;}
.paginate a:hover, .paginate a:active, .paginate a:focus{background:#214ea6; border:1px solid #214ea6; color:#fff;}
.paginate strong {color:#fff; background:#214ea6; border:1px solid #214ea6; display:inline-block; width:30px; height:30px; line-height:30px;}
.paginate .dire {border:1px solid #dedede; margin:0 2px;}
.paginate .dire:hover,.paginate .dire:active,.paginate .dire:focus {background:#efefec; border:1px solid #dedede;}

.paginate_list {width:100%; border-bottom:1px solid #898989; border-top:1px solid #898989; margin:30px 0 0 0;}
.paginate_list li {border-top:1px solid #e4e4e4; background:#fbfbfb; padding:10px 0; position:relative;}
.paginate_list li:first-child {border-top:0px;}
.paginate_list li span {display:inline-block; vertical-align:top;}
.paginate_list li span.prev {padding:0 10px 0 25px; background:url(../../images/kor/board/page_bul.gif) no-repeat 10px 8px; width:40px; position:absolute; font-weight:600;}
.paginate_list li span.next {padding:0 10px 0 25px; background:url(../../images/kor/board/page_bul.gif) no-repeat 10px -35px; width:40px; position:absolute; font-weight:600;}
.paginate_list li span.subject {margin-left:75px; width:68%; background:url(../../images/kor/board/page_bul2.gif) no-repeat left 5px; padding:0 15px;}
.paginate_list li span.subject a {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:100%; display:block;}



.sitemap{ display: flex; flex-wrap: wrap; margin: 0 -25px;}
.sitemap > li{ width: 20%; box-sizing: border-box; padding: 0 25px;}
.sitemap li h4 { font-size: 20px;  border-bottom: 2px solid #214ea6;padding: 0 0 15px 0}
.sitemap li ul li h5{ width: auto; padding: 5px 0; margin: 0; float: none; font-size: 16px;}
.sitemap li ul li h5::before{ display: none;}
@media screen and (max-width: 767px){
    .sitemap{margin: 0 -10px;}
    .sitemap > li{ width: 50%;padding: 0 10px; }
    .sitemap li h4 { font-size: 17px;}
    .sitemap li ul li h5{font-size: 14px;}
 }
 



/***본인인증서비스***/

.adult-phone { border:1px solid #d5d5d5; background:url(../../images/kor/sitemap/phone.png) no-repeat 30px; padding:0 18px 10px 160px;margin: 0 0 10px 0;}
.adult-phone:after{display:block; content:""; clear:both}
.adult-i-pin h5, .adult-phone h5 {font-size:20px; color:#333; margin:25px 0 15px 0; background:none; padding:0px;}
.adult-i-pin h5:before, .adult-phone h5:before{ display: none;}
.adult-i-pin p, .adult-phone p {font-size:15px; /* height:120px; */}
.phone-btn {display:inline-block; background:#214ea6; margin:15px 0 15px 0; padding:10px 23px 10px 23px}
.phone-btn button {color:#fff; text-decoration:none; border:0; background:none; font-size:1em; cursor: pointer;}
.adult-i-pin { border:1px solid #d5d5d5; background:url(../../images/kor/sitemap/i-pin.png) no-repeat 20px; padding:0 18px 10px 160px}
.adult-i-pin:after{display:block; content:""; clear:both}
.i-pin-btn {display:inline-block; background:#009cdd; margin:15px 0; padding:10px 23px 10px 23px}
.i-pin-btn button {color:#fff; text-decoration:none; border:0; background:none; font-size:1em; cursor: pointer;}

@media all and (max-width:640px){
    .adult-phone, .adult-i-pin {background:none; padding:0 18px}
}

.basic_table #content{ min-height: auto !important; padding-left: 10px !important; margin-bottom: 0 !important;}



/***연혁***/

.history{ display: flex;}
.history .box-image img{ max-width: 100%; }
.timeline {  position: relative;  margin-left: 20px; border-left: 5px solid transparent; border-image: url(../../images/woodedu/content/patten_border_line02.png) 5 repeat;  }
.timeline.active { display: block; }
.timeline > li { position: relative; top: -8px; left: -5px; margin-top: 38px; padding-left: 66px;  background-image: url(../../images/woodedu/content/icon_pointer.png); background-position: left top 8px; background-repeat: no-repeat; }
.timeline > li:first-child { margin-top: 0px; }
.timeline > li strong { margin-bottom: 20px; font-size: 24px; color: #2d538b; font-weight: bold; }
.timeline > li > ul > li { margin-top: 10px; }
.timeline > li > ul > li strong{ font-size: 17px; color: #000; display: inline-block; margin: 0 5px 0 0;}
.timeline > li > ul.ul-default>li::before{top: 10px;}
@media all and (max-width:640px){
    .history{margin: 30px 0 0 0;}
    .timeline > li{ padding-left: 49px;}
    .history .box-image{ display: none;}
    .timeline {  margin-left: 0px; }
    .timeline > li strong { font-size: 18px; }
    .timeline > li > ul > li strong{ font-size: 14px;}
}


.board_total span{ font-weight:500;}
@media screen and (max-width: 767px){
    .basic_box .basic_search{ float: none; margin: 10px 0 0 0;}
 }
 @media screen and (max-width: 649px){
    .basic_box .ft_left{ float: left;}
 }
 @media screen and (max-width: 640px){
    input[type="text"], input[type="password"]{ height: 35px;}
    .photogallery_list li{ width: 50%;}
 }
 @media screen and (max-width: 639px){
    .basic_search .searchinput{ width: auto;}
 }




 .int .summ{ text-align: center; font-family: 'GmarketSans';  margin-bottom: 20px; position: relative;}
 .int .summ::before,  .int .summ::after{ content: ""; display: block; position: absolute;  width: 51px; height: 43px; top: 15px; }
 .int .summ::before{background: url(../../images/woodedu/content/ing-be.gif) ; left: 10%;}
 .int .summ::after{ background: url(../../images/woodedu/content/int-af.gif); right: 10%;}
 .int .summ p{font-size: 26px; margin-bottom: 0; text-align: center; }
 .int .summ  p strong{ font-size: 30px;color: #214ea6;}
 .int img{ max-width: 100%;}
 .int .int-txt{ border-radius: 10px; background:rgba(238,244,255,0.7) ; padding: 40px 50px 10px; margin: -50px 30px 0; position: relative; z-index: 2; backdrop-filter:blur(4px);}
 .int p{ font-size: 17px; margin-bottom: 25px;}

 @media screen and (max-width: 1390px){
    .int .summ::before{left: 1%;}
    .int .summ::after{right: 1%;}
 }
 
 @media screen and (max-width: 1390px){
    .int .summ::before,  .int .summ::after{ display: none;}
 }

 @media screen and (max-width: 767px){
    .int .summ{ 1margin-bottom: 10px;}
    .int .summ p{font-size: 17px; }
    .int .summ  p strong{ font-size: 18px;}
    .int .int-txt{  padding: 30px 20px 10px; margin: -10px 0 0;  border-radius: 0;}
    .int p{ font-size: 15px; margin-bottom: 17px;}
 }