/* sub default */
.sub_top{background-image: url("/www-img/sub/top_bg/dc02.jpg");height: 175px;}
/* sub default */

h1,h2,p{text-align: center;}

.section1 > .span1{padding: 60px 55px;background-position-x: right;background-position-y:top; }

.section1 > .span2{padding:0 20px 40px 20px; }
.section1 > .span2 .ul1{width: 100%;max-width: 992px;margin: 0 auto;}
.section1 > .span2 .list_li{width: 24%;width: -webkit-calc(25% - 1px);width: -moz-calc(25% - 1px);width: calc(25% - 1px);margin:0 1px 10px 0;cursor: pointer;border: 1px solid #ebebeb;
position: relative;}
.section1 > .span2 .list_li:HOVER{opacity:0.8;}
.section1 > .span2 .list_li .name_p{position: absolute;bottom: 0;left: 0;height: 84px;width: 100%;line-height: 84px;text-align: center;color: #323232;font-size: 18px;background: rgba(255,255,255,0.8);}
.section1 > .span2 .list_li .name_p span{font-size: 14px;font-weight: normal;}

.section1 > .span2 .m_li{display: none;}

/*수정 */
.section1 > .span2 .m_li > .div > .on{padding: 0;}
.section1 > .span2 .view_li > .div .youtube_wrap{display: none;padding: 40px 0;background-color: #000;}
.section1 > .span2 .view_li > .div > .span{height: 0; overflow: hidden;background-repeat: no-repeat;background-position: top left;text-align: right;
position: relative;}
.section1 > .span2 .view_li > .div > .span > .s1{display: inline-block;text-align: left;vertical-align: top;width: 58%;background: #fff;height: 100%;position: relative;padding: 40px 30px;}
.section1 > .span2 .pc_li a{position: absolute;width:57px ;height:57px ;background-position:-286px -972px ;top: 10px;right: 30px;}
.section1 > .span2 .m_li a{position: absolute;width:29px ;height:29px ;background-position:-286px -1030px;top: 10px;right: 30px;}
.section1 > .span2 .view_li > .div > .span > .s1 h3{border-bottom: 1px solid #ddd;padding-bottom: 10px;margin-bottom: 30px;}
.section1 > .span2 .view_li > .div > .span > .s1 h3 span{font-size: 16px;}
.section1 > .span2 .view_li > .div > .span > .s1 .li_th{font-size: 13px;font-weight: bold;width: 17.4%;text-align: left;line-height: 20px;}
.section1 > .span2 .view_li > .div > .span > .s1 .li_td{width: 82.6%;margin-bottom: 17px;}
.section1 > .span2 .view_li > .div > .span > .s1 .li_td p{text-align: left;font-size: 13px;line-height: 20px;word-break: keep-all;}

.section1 > .span2 .view_li > .div > .on{margin-bottom: 10px;}
.section1 > .span2 .pc_li > .div > .on{height: 616px;overflow: visible;padding: 15px;
-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 0.5s; /* Firefox < 16 */
        -ms-animation: fadein 0.5s; /* Internet Explorer */
         -o-animation: fadein 0.5s; /* Opera < 12.1 */
            animation: fadein 0.5s;
}
/*수정 */

.section1 > .span2 .view_li > .div .doc_experi_wrap{display: none;padding: 15px 0 20px 0;}
.section1 > .span2 .doc_experi_wrap a{display: block;position: relative; width: 100%;height: 100%;
    background-position: 50%;top: auto;right: auto;}
.doc_experi_wrap li{float: left;width: 23.5%;margin-left: 2%;height: 370px;overflow: hidden;border: 1px solid #ddd;}
.doc_experi_wrap .img_li0{margin-left: 0;}
.doc_experi_wrap ul{max-width: 100%;margin: 20px auto;}
.doc_experi_wrap h3{text-align: left;}
.section1 > .span2 .doc_experi_wrap .all-more{width: 230px;height: 40px;margin: 0 auto;background-color: #000;text-align: center;    line-height: 38px;display: none;}
.all-more .s1{color: #fff;}
.section1 > .span2 .doc_experi_wrap a:hover{opacity: 1;}
.section1 > .span2 .doc_experi_wrap a .s{position: absolute;width: 100%;height: 100%;top:0;left: 0;background-color: rgba(0,0,0,0.5);display: none;}
.section1 > .span2 .doc_experi_wrap a:hover .s{display: table;}
.section1 > .span2 .doc_experi_wrap a .ss{display: table-cell;vertical-align: middle;text-align: center;}
.section1 > .span2 .doc_experi_wrap a .sss{border: 1px solid #fff;color: #fff;display: inline-block;padding: 5px 10px;font-weight: bold;}
.section1 > .span2 .doc_experi_wrap a .ssss{font-size: 13px;}

.section1 > .span2 .doc_experi_wrap .all-more *{font-size: 18px;font-weight: bold;display: inline-block;color: #fff;}
.section1 > .span2 .doc_experi_wrap .all-more .s2{color: #000;background-color: #fff;border-radius: 50%;width: 20px;height: 20px;font-size: 13px;
	line-height: 20px;margin-left: 10px;}

.doc_experi_wrap h3{position: relative;}
.section1 > .span2 .doc_experi_wrap  h3 .s{position: absolute;right: 0;bottom: 0;font-size: 16px;height: auto;width: auto;top: auto;}

.yt-sec h3{position: relative;}
.section1 > .span2 .yt-sec  h3 .s{position: absolute;right: 0;bottom: 0;font-size: 16px;height: auto;width: auto;top: auto;}

.section1 > .span2 .view_li > .div .yt-sec{display: none;}
.yt-sec .right_ul > li{float: right;}
.yt-sec .li2{width: 48%;}
.yt-sec .right_ul{padding: 20px 0px;background-size: cover;margin: 20px auto;}


.section-i{padding: 50px;}
.section-i .info-div h2{text-align: left;margin-bottom: 20px;display: inline-block;}
.reserv-notification-p{display: inline-block;margin-bottom: 0;margin-left: 10px;}

.section-i .info-div li{width: 50%;}
.section-i .info-div ul{border-top: 1px solid #434551;}
.section-i .info-div ul li{border-bottom: 1px solid #d7d7d7;padding: 10px;}
.section-i .info-div ul li *{display: inline-block;}
.section-i .info-div li input{background-color: #fff;border-color: #bfbfbf;}
.section-i .info-div li p{font-weight: bold;color: #222;width: 20%;}
.section-i .info-div .li-name input{width: 70%;}
.section-i .info-div .li-phone input{width: 26%;}
.section-i .info-div .li-phone .center{margin: 0 1%;}
.section-i .info-div .div-1{font-weight: bold; margin: 10px 0 30px 0;}


.section-i .ul-wrap .li1{width: 70%;}
.section-i .ul-wrap .li2{width: 29%;margin-left: 1%;}
.section-i .doc-ul .ll{width: 50%;border-top: 1px solid #434551;margin-bottom: 10px;border-bottom: 1px solid #d7d7d7;}
.section-i .item-ul .img-li{width: 43%;}
.section-i .item-ul .img-li .d1{position: relative;max-width: 247px;cursor: pointer;}
.section-i .item-ul .img-li .dd{position: absolute;width: 100%;height: 40px;bottom: 0;left: 0;background: #f9f9f9;border-top: 1px solid #d7d7d7;text-align: center;}
.section-i .item-ul .img-li .dd *{display: inline-block;vertical-align: middle;margin: 8px 3px auto 3px;}
.section-i .item-ul .img-li .dd p{font-size: 16px;font-weight: bold;color: #434551;}
.section-i .item-ul .img-li .dd span{width: 18px;height: 18px;border: 1px solid #434551; border-radius: 50%;}
.section-i .item-ul .txt-li{width: 57%;padding: 10px;}
.section-i .item-ul .txt-li *{text-align: left;color: #000;}
.section-i .item-ul .txt-li h3{margin-bottom: 5px;}
.section-i .item-ul .txt-li .p1{margin-bottom: 20px;}
.section-i .item-ul .txt-li .p3{word-break: keep-all;}
.section-i .item-ul .txt-li .p2{color: #a9a9a9;margin-bottom: 3px;}
.section-i .item-ul .txt-li .p2 span{font-weight: bold;color: #000;}
.calendar-div{border:1px solid #d7d7d7;margin-top: 10px;}
.section-i .ul-wrap .li2 .div{padding: 20px 20px 15px 20px;}
.section-i .ul-wrap .li2 .div h4{border-bottom: 1px solid #898989;padding-bottom: 7px;}
.section-i .reserv-info-div{background-color: #222;}
.section-i .reserv-info-div *{color: #fff;font-weight: bold;}
.section-i .reserv-info-div p{text-align: left;margin-top: 10px;}
.section-i .reserv-info-div p .s2{color: #61b6d2;}
.section-i .ul-wrap .li2 .reserv-info-txt{padding: 0 20px;text-align: center;}
.section-i .ul-wrap .li2 .reserv-info-txt *{display: inline-block;vertical-align: middle;color: #323232;}
.section-i .ul-wrap .li2 .reserv-info-txt span{width: 16px;height: 16px;border: 1px solid #61b6d2;border-radius: 3px;}
.section-i .ul-wrap .li2 .reserv-info-txt .s2{margin-left: 8%;background-color: #61b6d2;}
.section-i .ul-wrap .li2 .reserv-info-time{padding: 20px;text-align: center;}
.section-i .ul-wrap .li2 .reserv-info-time *{display: inline-block;vertical-align: middle;width: 49%;height: 40px;border: 1px solid #ececec;color: #323232;
line-height: 38px;font-weight: bold;border-radius: 20px;cursor: pointer;}
.section-i .ul-wrap .li2 .reserv-info-time .p2{margin-left: 2%;}
#submit_reserv{width: 100%;height: 50px;border-radius: 5px; font-size: 20px; font-weight: bold;background: #222;}
.section-i .ul-wrap .li2 .reserv-info-submit{padding: 10px 0 0 0;}
.m-h2-title{display: none;text-align: left;position: relative;padding-bottom: 10px;font-size: 25px;border-bottom: 1px solid #434551;}
.m-h2-title span{font-size: 14px;position: absolute;bottom: 10px;}
.m-h2-title .s1{right: 20px;color: #61b6d2;width: 50%;text-align: right;}
.m-h2-title .s2{right: 0;}
.m-h2-dt{margin-top: 30px;}
.section-i .item-ul .img-li .doc-item-on::after{content: "";position: absolute;width: 100%;height: 100%;border: 2px solid #61b6d2;top:0;left: 0;box-sizing: border-box;}
.section-i .item-ul .img-li .doc-item-on .dd{border-top: 1px solid #61b6d2;background-color: #61b6d2;}
.section-i .item-ul .img-li .doc-item-on .dd span{border: 1px solid #1f84a0;background-color: #fff;position: relative;}
.section-i .item-ul .img-li .doc-item-on .dd span::after{content: "";width: 10px;height: 10px;top: 3px;left: 3px;position: absolute;
	background-color: #1f84a0;    border-radius: 50%;}
.section-i .item-ul .img-li .doc-item-on .dd p{color: #fff;}
.section-i .ul-wrap .li2 .reserv-info-time .time-item-on{border: 1px solid #61b6d2;background-color: #61b6d2;color: #fff;}


/*  달력 부분 */
#lks_board_calendar_div table th,#lks_board_calendar_div table td{border: none;}
#lks_board_calendar_div{background: #fff; padding-top: 10px;border-bottom: 1px solid #d9d9d9;}
#lks_board_calendar_ul ul{text-align: center;}
#lks_board_calendar_ul ul li{ display:inline-block ;width: 10%;height: 22px;line-height: 22px;margin: 9px 0;background: #fff;float: none;}
#lks_board_calendar_ul ul #year_month_li{width: 72%;background: none;font-weight: bold;}
.month_move_btn{cursor: pointer;}
#lks_board_calendar_table{background: #fff;height: 260px;}
#lks_board_calendar_table table th , #lks_board_calendar_table table td{padding: 0;text-align: center;}
#lks_board_calendar_table table th{height: 28px;  font-size: 14px;}
#lks_board_calendar_table thead tr th,#lks_board_calendar_table tr td{width: 14.28%;}
#lks_board_calendar_table tr td{padding: 5px;}

.day_item{background:#fff;border: 1px solid #fff;}
.reserv_day_item{border: 1px solid #61b6d2;cursor: pointer;border-radius: 3px;  }
.reserv_day_item_on{background-color: #61b6d2;color: #fff;}
.day_item_top{height: 24px;line-height: 24px;font-size: 13px;}
.day_item_bottom{height: 13px;line-height: 13px;font-size: 9px;display: none;}
.day_code0{color:#ea0c79;}
/*  달력 부분 */
.pc_footer_counsel_add, .m_footer_counse_div{display: none;}


.section1 > .span2 .pc_li .move-doc-reserv{position: relative;width: 50%;height: 45px ;margin: 10px auto 0 17%;color: #fff;background-color: #61b6d2;
	border-radius: 5px;font-weight: bold;font-size: 20px;text-align: center;line-height: 43px;top:auto;right: auto;}
.section1 > .span2 .m_li a.move-doc-reserv{position: relative;width: 60%;height: 45px ;margin: 0 auto 20px auto;color: #fff;background-color: #61b6d2;
	border-radius: 5px;font-weight: bold;font-size: 16px;text-align: center;line-height: 43px;display: block;top:auto;right: auto;}

.section1 > .span2 .li99{border-color: #61b6d2;}
.section1 > .span2 .li99 *{display: block;}


@media only screen and (max-width: 1023px) {
	.sub_top{height: 175px;background-size:cover;}
	.sub_top .sub_top_txt h1{font-size: 33px;}
	.sub_top br{display:block;}
	.section1 > .span{padding: 40px 20px;}
	.section1 > .span2{padding:0 20px 40px 20px; }
	.section1 > .span2 .list_li .name_p{height: 45px;line-height: 45px;}
	.section1 > .span2 .list_li:HOVER{opacity:1;}

	.yt-sec .li2{width: 55%;}
	.doc_experi_wrap li{height: 290px;}

	.section-i{padding: 40px 20px;}
}

@media only screen and (max-width: 900px) {
	.section-i .ul-wrap .li1{width: 100%;}
	.section-i .ul-wrap .li2{width: 100%;margin-left: 0;}
	.section-i .info-div li{width: 100%;}
	.section-i .info-div li p{width: 26%;}
	.section-i .info-div .li-name input{width: 74%;}
	.section-i .info-div .li-phone input{width: 24%;}
	.section-i .info-div .div-1{font-size: 14px;}
}


@media only screen and (max-width: 640px) {
	.section1 > .span2 .m_li{display: block;}
	.section1 > .span2 .pc_li{display: none;}
	.section1 > .span2 .pc_li > .div > .on{padding: 0;} /*수정 */
	.section1 > .span2 .ul1{max-width: 496px;}
	.section1 > .span2 .list_li{width: 49%; width: -webkit-calc(50% - 1px);width: -moz-calc(50% - 1px);width: calc(50% - 1px);}
	.section1 > .span2 .view_li > .div > .span > .s1 .li_th{width: 25%;}/*수정 */
	.section1 > .span2 .view_li > .div > .span > .s1 .li_td{width: 75%;}/*수정 */
	.section1 > .span2 .view_li > .div > .span > .s1 h3 span{font-size: 13px;}/*수정 */
	
	.section1 > .span2 .m_li > .div > .span{background: #f6f6f6;}/*수정 */
	.section1 > .span2 .m_li > .div > .span > .s1{width: 100%;padding: 20px 10px;}/*수정 */
	
	/*수정 */
	.section1 > .span2 .m_li > .div > .on{height: auto;overflow: visible;padding: 15px;
-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 0.5s; /* Firefox < 16 */
        -ms-animation: fadein 0.5s; /* Internet Explorer */
         -o-animation: fadein 0.5s; /* Opera < 12.1 */
			animation: fadein 0.5s;}
			

	.doc_experi_wrap li{width: 49%;}
	.doc_experi_wrap .img_li1{margin: 0 0 0 2%;}

	/*add 2208*/
	.doc_experi_wrap li{height: 250px;}
	/*add 2208*/

	.section1 > .span2 .view_li > .div .youtube_wrap{padding: 0;}

	.yt-sec .right_ul{background-image: none !important;background-color: #f6f6f6;}
	.yt-sec .li2{width: 100%;}
	.yt-sec .li2{height: 310px;}

	.section-i .doc-ul .ll{width: 100%;}
	.m-display-hide{display: none;}
	.m-h2-title{display: block;}
	.section-i .doc-ul .ll{border-top: none;margin-bottom:0}
	.section-i .doc-ul{height: 400px;overflow-y: auto;}
	.section-i .ul-wrap .li2 .div h4{display: none;}
	.calendar-div{border: none;}
	.section-i .ul-wrap .li2 .div{padding: 0px 20px 15px 20px;}
	.section-i .ul-wrap .li2 .reserv-info-submit{padding-bottom: 0;margin-top: 20px;}

	.section-i .info-div h2{display: block;margin-bottom: 10px;}
	.reserv-notification-p{display: block;margin-bottom: 10px;margin-left: 0px;text-align: left;}
}