@charset "utf-8";

/****************************************/ 
/* Name: DESIGH WAVE
/* PART: CONTENTS STYLE
/* Version: 1.0
/****************************************/

/*============* mainVisual *============*/
#mainVisual {position:relative; width:100%; height:690px; overflow:hidden;}
#mainVisual .item {text-align:center; height:690px; background-size:cover !important;}
#mainVisual .item.mv01 {background:url(../_img/main/visual01.jpg) no-repeat center;}
#mainVisual .item.mv02 {background:url(../_img/main/visual02.jpg) no-repeat center;}
#mainVisual .item.mv03 {background:url(../_img/main/visual03.jpg) no-repeat center;}
#mainVisual .visual_txt {width:100%; text-align:center;}
#mainVisual .visual_txt p {text-align:center; padding:180px 0 50px 0;}
#mainVisual .visual_txt a {color:#fff; border:1px solid #fff; padding:10px 40px; font-size:18px;}

#mainVisual .owl-dots {position:absolute; bottom:40px; left:0; width:100%; z-index:10;}
#mainVisual .owl-dots .owl-dot span {}
#mainVisual .owl-dots .owl-dot.active span {background:#fff;}


/*============* quick_remote *============*/
.quick_remote {width:100%; box-sizing:border-box; border-bottom:1px solid #efefef; background:#fff; overflow:hidden; text-align:center; font-size:0;}
.quick_remote a {display:inline-block; font-size:16px; color:#626262; margin:0 25px; padding:22px 0 22px 35px; background-repeat:no-repeat; background-position:center left; text-decoration:none;}
.quick_remote a.qr01 {background-image:url(../_img/icon/quick_bn01.png)}
.quick_remote a.qr01:hover {color:#00a99d;}
.quick_remote a.qr02 {background-image:url(../_img/icon/quick_bn02.png);}
.quick_remote a.qr02:hover {color:#f6a5ae;}
.quick_remote a.qr03 {background-image:url(../_img/icon/quick_bn03.png);}
.quick_remote a.qr03:hover {color:#829ec5;}
.quick_remote a.qr04 {background-image:url(../_img/icon/quick_bn04.png);}
.quick_remote a.qr04:hover {color:#a96856;}

/*============* section_title *============*/
.section_title {width:100%; overflow:hidden; margin-bottom:60px;}
.section_title h2 {text-align:center; font-weight:600; padding:15px 0;}
.section_title p {text-align:center; font-size:16px; color:#8e8e8e;}


/*============* 수니스쿨만의 특별함 // #m_section01 *============*/
#m_section01 {background:#fff;}
#m_section01 .contents {overflow:initial;}

.banner-slider {margin-bottom:50px;}

.banner-slider .boxbg01 {background:#fda2a8; }
.banner-slider .boxbg02 {background:#3CF}
.banner-slider .boxbg03 {background:#F93}
.banner-slider .boxbg04 {background:#68d49a}
.banner-slider .boxbg05 {background:#697dc7}


.banner-slider .txtBox {float:left; width:382px; height:423px; overflow:hidden; box-sizing:border-box; padding:70px 55px;}
.banner-slider .txtBox h2 {font-weight:300; color:#fff;}
.banner-slider .txtBox h2 span {font-family: 'Raleway', sans-serif; font-weight:300;}
.banner-slider .txtBox p {font-size:17px; color:#fff; padding:25px 0; opacity:0.8}
.banner-slider .txtBox a {display:block; width:220px; color:#fff; font-size:17px; border:1px solid #fff; padding:15px 0; text-align:center; margin-top:10px; text-decoration:none;}
.banner-slider .txtBox a:hover {background:#fff; color:#fda2a8;}

.banner-slider .owl-dots {position:absolute; bottom:-50px; left:0; width:100%; z-index:10;}
.banner-slider .owl-dots .owl-dot span {background:#d5d5d5 !important; border:0 !important;}
.banner-slider .owl-dots .owl-dot.active span {background:#fda2a8 !important;}

.banner-slider .owl-nav {width:auto !important; bottom:61px; top:auto !important; left:320px !important;}
.banner-slider .owl-nav button {width:63px; height:59px; background-repeat:no-repeat; background-image:url(../_img/icon/banner_slider-btn.png) !important; border-radius:0 !important; margin:0 !important; opacity:0.6;}
.banner-slider .owl-nav button:hover {opacity:1;}
.banner-slider .owl-nav button span {}
.banner-slider .owl-nav button.owl-prev {background-position:left !important;}
.banner-slider .owl-nav button.owl-prev span {}
.banner-slider .owl-nav button.owl-next {background-position:right !important;}
.banner-slider .owl-nav button.owl-next span {}




/*============* 수니스쿨 빠른메뉴 // #m_section02 *============*/
#m_section02 {background:#f8f3f0;}

ul.banners {float:left; width:1200px; overflow:hidden;}
ul.banners li {float:left; width:174px; height:174px; overflow:hidden; box-sizing:border-box; margin-left:20px; font-family: 'NanumSquare', 'Malgun Gothic','맑은 고딕','돋움',dotum,sans-serif;
background-color:#fff; padding-top:20px;}
ul.banners li a {display:block; width:100%; height:100%; text-decoration:none; box-sizing:border-box; padding-top:100px; text-align:center; background-position: center top 30px; background-repeat:no-repeat;
font-size:18px; font-weight:600;}
ul.banners li.bn01 {background-color:#ef858c;}
ul.banners li.bn03 {background-color:#39a6e5;}
ul.banners li.bn05 {background-color:#7ec9b9;}

ul.banners li.bn01 a {background-image:url(../_img/icon/sec04_bn_ico01.png); color:#fff;}
ul.banners li.bn02 a {background-image:url(../_img/icon/sec04_bn_ico02.png); color:#6b6b6b;}
ul.banners li.bn03 a {background-image:url(../_img/icon/sec04_bn_ico03.png); color:#fff;}
ul.banners li.bn04 a {background-image:url(../_img/icon/sec04_bn_ico04.png); color:#6b6b6b;}
ul.banners li.bn05 a {background-image:url(../_img/icon/sec04_bn_ico05.png); color:#fff;}
ul.banners li.bn06 a {background-image:url(../_img/icon/sec04_bn_ico06.png); color:#6b6b6b;}





/*========== sub_visual ==========*/
#sub_visual {width:100%; height:265px; text-align:center;  position:relative; background-position:center center; background-repeat:no-repeat;}
#sub_visual.vs01 {background:url(../_img/sub/visual01.jpg) top center no-repeat; }
#sub_visual.vs02 {background:url(../_img/sub/visual02.jpg); }
#sub_visual.vs03 {background:url(../_img/sub/visual03.jpg); }
#sub_visual.vs04 {background:url(../_img/sub/visual04.jpg); }
#sub_visual.vs05 {background:url(../_img/sub/visual05.jpg); }
#sub_visual.vs06 {background:url(../_img/sub/visual06.jpg); }

#sub_visual .title {text-align:center}
#sub_visual h2 { padding-top:50px; font-size:40px; font-weight:600; color:#333; line-height:42px; }
#sub_visual .line {width:44px; height:1px; background:#CCC; margin:15px 0; display:inline-block;}
#sub_visual .txt { font-size:15px; color:#666}
#sub_visual .location { margin:20px auto 0; font-size:12px; color:#777; padding:5px 10px; background:rgba(255,255,255,0.8); width:270px}
#sub_visual .location ul { text-align:center;}
#sub_visual .location li { padding:0 2px; /*background:url(../_img/sub/location_dot.png) no-repeat left center; */display:inline-block}
#sub_visual .location li.home { padding-left:0; background:none;}
#sub_visual .location strong { color:#333;}

#sub_visual .prev-page, #sub_visual .menu-open, #sub_visual .menu-close, #sub_visual .depth1-menu, .mside-menu{display:none}


/*========== sub_mainCont ==========*/


#snb { text-align:center; padding:25px 0; background:url(../_img/sub/snb_line.png) repeat-x left bottom;}
#snb li {display:inline-block;}
#snb li a { margin:0 20px; color:#444; font-size:15px }
#snb li.on a, #snb li a:hover, #snb li a:active { color:#ef533a; font-weight:500; padding-bottom:8px; border-bottom:2px solid #ef533a;  letter-spacing:-0.5px; text-decoration:none}

.tab_menu { text-align:center; margin-bottom:40px;}
.tab_menu ul { font-size:0;}
.tab_menu li { text-align:center; display:inline-block; margin-left:-1px;}
.tab_menu li a { width:150px; height:42px; line-height:42px; font-size:15px; background:#fff; border:1px solid #ddd; display:inline-block;}
.tab_menu li.on a { background:#b8bd10; color:#fff; font-weight:500;}

#sub_content{ width:1200px; position:relative; margin:0 auto 60px; overflow:hidden;}
#sub_content .agree { font-size:15px; margin-top:5px;}
#sub_content h3 { font-size:20px; font-weight:500; color:#333; margin-bottom:10px;}
#sub_content .con_box { border:1px solid #ddd; padding:20px; font-size:15px; overflow:hidden;}

.top_title  { text-align:center; overflow:hidden;}
.top_title .tit { font-size:40px; font-weight:500; color:#a3a71b;}
.top_title .tit span { font-weight:600; color:#f5a61d;}
.top_title .txt { font-size:17px; color:#666; margin:15px auto 35px;}


#sub_cont { width:1200px; position:relative; margin:60px auto 0px; overflow:hidden;}



#sub_cont .titleBox {padding:70px 0 30px 0;text-align:center;}
#sub_cont .titleBox .label {display:inline-block;padding:5px 30px;border-radius:20px;background:#f15b6d;font-size:19px;color:#fff;font-weight:700;margin-bottom: 5px;}
#sub_cont .titleBox .title {font-size:20px;color:#333;font-weight:700;display:block;margin: 20px 0;}
#sub_cont .titleBox p {font-size:18px;color:#666;font-weight:700;;}


/* contentsTitle */
.contentsTitle {margin-bottom:30px;text-align: center;}
.contentsTitle .main {font-size: 40px; line-height:50px; color: #333;font-weight:900;display:block;}
.contentsTitle .sub {font-size: 18px ;color: #666;display:block;}

/* tab */
.tab {margin-bottom:30px;text-align:center;}
.tab ul {display:inline-block;}
.tab ul li {float:left;width:270px;}
.tab ul li a {display:block;text-align:center;height:54px;line-height:54px;border:1px solid #ccc;font-size:18px;color:#666;background:#f8f8f8;}
.tab ul li.on a {background:#fff;color:#f15b6d;border-color:#f15b6d;font-weight: 700;}
.tab.fix {padding:25px 0 20px 0;background:#fff;position:fixed;width:100%;left:0;top:169px;z-index:11;bo rder-bottom:1px solid #ccc;
	-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15);box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15);}


.tab2 {margin-bottom:30px;text-align:center;}
.tab2 ul {display:inline-block;}
.tab2 ul li {float:left;width:270px;}
.tab2 ul li a {display:block;text-align:center;height:54px;line-height:54px;border:1px solid #ccc;font-size:18px;color:#666;background:#f8f8f8;}
.tab2 ul li.on a {background:#fff;color:#f15b6d;border-color:#f15b6d;font-weight: 700;}
.tab2.fix {padding:25px 0 20px 0;background:#fff;position:fixed;width:100%;left:0;top:169px;z-index:11;bo rder-bottom:1px solid #ccc;
	-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15);box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15);}



h3.title {font-size:22px;color:#333;padding-left:8px;position:relative;margin-top:15px;font-weight:700;}
h3.title:before {content:"";position:absolute;top:13px;left:0;width:3px;height:3px;background:#f15b6d;}

p.img {text-align:center}
p.sub {font-size:22px; color: #666; line-height:30px;}
p.sub02 {position:relative;font-size:18px;color:#666;padding-left:15px; margin-bottom:8px }
p.sub02:before {content:"";position:absolute;top:10px;left:0;width:7px;height:2px;background:#f15b6d;}
p.sub02 span {padding-left:20px; color:#999; font-weight:normal} 
p.sub02 span a {font-size:12px; color:#fff; background:#f15b6d; padding:3px 7px; text-decoration:none}
p.sub02 span a:hover {background:#ac2e3d}
p.sub03 {position:relative;font-size:16px;color:#999;padding:2px 10px;}
span.blue {color:#658da7;}
span.pink {color:#f15b6d}
span.red {color:#aa0000}
span.noto {font-family:"Noto Sans KR";}
span.sfont {font-size:11px}


/* 컨텐츠영역 테이블 */
table.contentsTable {width:100%; border-top:1px solid #f15b6d; margin-top:10px; word-break:keep-all;}
table.contentsTable thead {font- size:1em;  font-weight:400; background:#f8f8f8;}
table.contentsTable thead th {padding:10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; vertical-align:middle; color:#4c4c4c; font-size:17px;}
table.contentsTable thead th.txtRight {text-align: center;}
table.contentsTable thead th:last-child {border-right:0}
table.contentsTable tbody {vertical-align:middle;color:#666;}
table.contentsTable tbody tr {border-bottom:1px solid #ddd;}
table.contentsTable tbody tr th {padding:10px; /*border-right:1px solid #ddd; */border-bottom:1px solid #ddd; vertical-align:middle; background:#f8f8f8; font-size:18px; color:#333;font-weight:700; }
table.contentsTable tbody tr th.left {text-align:left;padding:10px; border-right:1px solid #ddd; vertical-align:middle; background:#f8f8f8; font-size:15px; color:#666;font-weight:500; }
table.contentsTable tbody tr td {background:#fff; padding:10px 15px; border-left:1px solid #ddd !important; border-bottom:1px solid #ddd; vertical-align:middle;font-size:18px; line-height:1.6; color:#333; }
table.contentsTable tbody tr td.right {text-align:right;background:#fff; padding:10px 15px; border-right:1px solid #ddd; vertical-align:middle;font-size:15px; line-height:20px; color:#666; font-weight: 500; }
table.contentsTable tbody tr td.center {text-align:center;background:#fff; padding:10px 15px; border-right:1px solid #ddd;  border-left:0px !important ; vertical-align:middle;font-size:15px; line-height:20px; color:#666; font-weight: 500; }
table.contentsTable tbody tr td.left {text-align:left;background:#fff; padding:10px 15px; border-right:1px solid #ddd;  border-left:0px !important ; vertical-align:middle;font-size:15px; line-height:20px; color:#666; font-weight: 500; }
table.contentsTable tbody tr td:last-child {border-right:0}
table.contentsTable tbody tr td.business {text-align:left;}
table.contentsTable tbody tr td span.bold {font-weight:600;}
table.contentsTable tbody tr td .blue {font-weight:600;color:#3676b3;margin-right:5px;top:-3px;}
table.contentsTable tbody tr td .green {color:#50a332;}
table.contentsTable tbody tr td ul li {padding-left: 15px; position: relative;}
table.contentsTable tbody tr td ul li:before {display: block; width: 7px; height: 2px; background-color: #f15b6d; content:""; position: absolute; top:10px; left: 0;}



/* 유치원 소개 */
.introduceWrap {background:#f8f8f8;border:1px solid #d9d9d9;padding-bottom:100px;}
.introduce .conBox01 {padding:0 80px;}


/* 유치원둘러보기 */

.system-banner { position:relative; width:100%; max-width:1140px; margin-left:auto; margin-right:auto; overflow:hidden; }
.system-banner-wrap { position:relative; width:100%; overflow:hidden; }
.system-banner .bx-viewport { overflow:inherit !important; }
.system-banner .bx-viewport ul { overflow:hidden; }
.system-banner .bx-viewport .img-wrap { position:relative; width:100%; background:#f3f3f3;  }
.system-banner .bx-viewport .img-wrap .dark-layer { width:100%; height:100%; position:absolute; background:#000; opacity:0.05; left:0; top:0; z-index:2; }
.system-banner .bx-viewport li .text-wrap { display:none; }
.system-banner .bx-wrapper { margin-bottom:0px; }
.real-text-wrap { position:relative; background:#fff; margin-left:100px; margin-right:100px; margin-top:-60px; margin-top:-3.75rem; padding:40px; padding:2.5rem; } /* -60/16 */ /* 40/16 */
.real-text-wrap .control { width:100%; }
.real-text-wrap .control [class*='btn-'] { position:absolute; top:22%; z-index:10; }
.real-text-wrap .control .btn-mid-prev { left:4%; }
.real-text-wrap .control .btn-mid-next { right:4%; }
.real-text-wrap .text-wrap { position:relative; clear:both;  text-align:center }
.real-text-wrap .text-wrap .tit { font-size:20px; color:#2b2b2b; margin-bottom:10px;  font-family: "Noto Sans KR", sans-serif; }
.real-text-wrap .text-wrap .desc { color:#747474; line-height:1.75; font-family: "Noto Sans KR", sans-serif; height:56px; height:3.5rem; }


.view_430{display:none}



/* 수니에서의 하루 */
.timetable{border-top:2px solid #676767;border-bottom:1px solid #676767;}
.timetable ul{position:relative;padding:15px 0 10px 0;height:100%;overflow:hidden}
.timetable ul li{float:left;margin-bottom:15px;width:25%;text-align:center}
.timetable ul li img{width:100%}
.timetable ul li span{display:block;padding-top:5px; font-size:15px}
.timetable ul li img{border:1px solid #e8e8e8}



/* 교육안내 */

.cont_in {padding:0 8.333%}
.cont_in .inner {max-width:1190px; position:relative;margin:-10.282% 0 0;padding:5% 5%;background:#fff; border:1px solid #e9e9e9 }
.cont_in .inner p { font-size:15px; line-height:28px; color:#666; word-break:keep-all}

.visual_banner.type1{position:relative;font-size:0;background:url('../_img/sub/cont_05_01.png') center center no-repeat;background-size:cover;padding-bottom:37.47%;}
.visual_banner.type2{position:relative;font-size:0;background:url('../_img/sub/cont_05_02.png') center center no-repeat;background-size:cover;padding-bottom:37.47%;}
.visual_banner.type3{position:relative;font-size:0;background:url('../_img/sub/cont_05_03.png') center center no-repeat;background-size:cover;padding-bottom:37.47%;}
.visual_banner.type4{position:relative;font-size:0;background:url('../_img/sub/cont_05_04.png') center center no-repeat;background-size:cover;padding-bottom:37.47%;}
.visual_banner.type5{position:relative;font-size:0;background:url('../_img/sub/cont_05_05.png') center center no-repeat;background-size:cover;padding-bottom:37.47%;}
.visual_banner .banner_box {position:absolute;left:0;top:0;right:0;padding:12% 9% 0}
.visual_banner .banner_box .title {font-size:5rem;color:#fff;}
.visual_banner .banner_box .text {font-size:1.4rem;color:#fff; padding-top:15px;}


.study_info {width:100%; overflow:hidden; margin:50px 0px; box-sizing:border-box;}
.study_info .conbox {max-width:1200px; margin:0 auto;}
.study_info ul {margin-right:-40px;}
.study_info ul:after{content:""; display:block; clear:both;}
.study_info ul li {float:left; width:33.3333%;}
.study_info ul li .box {margin:0 40px 40px 0; border:6px solid #373e49; padding:40px 40px; word-break:keep-all;}
.study_info ul li.list1 .box {background:url('../_img/sub/ch01.png') right 40px top 25px no-repeat;}
.study_info ul li.list2 .box {background:url('../_img/sub/ch02.png') right 40px top 25px no-repeat;}
.study_info ul li.list3 .box {background:url('../_img/sub/ch03.png') right 40px top 25px no-repeat;}
.study_info ul li.list4 .box {background:url('../_img/sub/ch04.png') right 40px top 25px no-repeat;}
.study_info ul li.list5 .box {background:url('../_img/sub/ch05.png') right 40px top 25px no-repeat;}
.study_info ul li .box .inTit {font-size:34px; color:#1b2b3c; font-weight:500; line-height:1.3; padding-bottom:30px; letter-spacing:-0.07em;}
.study_info ul li .box .inTxt {font-size:16px; color:#70747a; font-weight:400; line-height:1.7; letter-spacing:-0.07em; word-break:keep-all}



.study_info2 {width:100%; overflow:hidden; margin:50px 0px; box-sizing:border-box;}
.study_info2 .conbox {max-width:1200px; margin:0 auto;}
.study_info2 ul {margin-right:-40px;}
.study_info2 ul:after{content:""; display:block; clear:both;}
.study_info2 ul li {float:left; width:50%;}
.study_info2 ul li .box {margin:0 40px 40px 0; border:6px solid #373e49; padding:40px 40px; word-break:keep-all;}
.study_info2 ul li.list1 .box {background:url('../_img/sub/ch01_2.png') right 40px top 25px no-repeat;}
.study_info2 ul li.list2 .box {background:url('../_img/sub/ch02_2.png') right 40px top 25px no-repeat;}
.study_info2 ul li .box .inTit {font-size:34px; color:#1b2b3c; font-weight:500; line-height:1.3; padding-bottom:30px; letter-spacing:-0.07em;}
.study_info2 ul li .box .inTxt {font-size:16px; color:#70747a; font-weight:400; line-height:1.7; letter-spacing:-0.07em; word-break:keep-all}





.study_info3 {width:100%; overflow:hidden; margin:50px 0px; box-sizing:border-box;}
.study_info3 .conbox {max-width:1200px; margin:0 auto;}
.study_info3 ul {margin-right:-40px;}
.study_info3 ul:after{content:""; display:block; clear:both;}
.study_info3 ul li {float:left; width:100%;}
.study_info3 ul li .box {margin:0 40px 40px 0; border:6px solid #373e49; padding:40px 40px; word-break:keep-all;}
.study_info3 ul li .box .inTit {font-size:34px; color:#1b2b3c; font-weight:500; line-height:1.3; padding-bottom:30px; letter-spacing:-0.07em;}
.study_info3 ul li .box .inTxt {font-size:16px; color:#70747a; font-weight:400; line-height:1.7; letter-spacing:-0.07em; word-break:keep-all}