@charset "utf-8";

/* ======================================== Font ======================================== */
@font-face{
  font-family: 'NanumSquare';
  font-style: normal;
  font-weight: 400;
  src: url(/css/fonts/NanumSquareR.eot);
  src: url(/css/fonts/NanumSquareR.eot?#iefix) format('embedded-opentype'),
       url(/css/fonts/nanumsquarer-webfont.woff2) format('woff2'),
       url(/css/fonts/nanumsquarer-webfont.woff) format('woff'),
	   url(/css/fonts/NanumSquareR.ttf) format('truetype');
}
@font-face{
  font-family: 'NanumSquare';
  font-style: normal;
  font-weight: 500;
  src: url(/css/fonts/NanumSquareB.eot);
  src: url(/css/fonts/NanumSquareB.eot?#iefix) format('embedded-opentype'),
       url(/css/fonts/nanumsquareb-webfont.woff2) format('woff2'),
       url(/css/fonts/NanumSquareB.ttf) format('truetype');
}
@font-face{
  font-family: 'NanumSquare';
  font-style: normal;
  font-weight: 900;
  src: url(/css/fonts/NanumSquareB.eot);
  src: url(/css/fonts/NanumSquareB.eot?#iefix) format('embedded-opentype'),
       url(/css/fonts/nanumsquareeb-webfont.woff2) format('woff2'),
       url(/css/fonts/nanumsquareeb-webfont.woff) format('woff'),
	   url(/css/fonts/NanumSquareB.ttf) format('truetype');
}
@font-face{
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 400;
  src: url(/css/fonts/NanumGothic-Regular.eot);
  src: url(/css/fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(/css/fonts/NanumGothic-Regular.woff2) format('woff2'),
       url(/css/fonts/NanumGothic-Regular.woff) format('woff');
}
@font-face{
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 700;
  src: url(/css/fonts/NanumGothic-Bold.eot);
  src: url(/css/fonts/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(/css/fonts/NanumGothic-Bold.woff2) format('woff2'),
       url(/css/fonts/NanumGothic-Bold.woff) format('woff');
}

body,input,textarea,select,button,table{font-family:'NanumGothic';color:#333;font-size:15px;word-break:break-word;}
img{max-width:100%;}
input.useDatepicker{width:140px;background:#fff url(/images/kids/sub/icon_inputDate.gif) no-repeat 95% center;}
.ui-datepicker .ui-datepicker-prev{background:url(/images/kids/sub/btn_calendarPrev.png) no-repeat center center;}
.ui-datepicker .ui-datepicker-next{background:url(/images/kids/sub/btn_calendarNext.png) no-repeat center center;}
#overlay{z-index:10;}

/* ======================================== layout ======================================== */
#skipLink a{display:block;position:fixed;top:-999px;padding:8px 0;width:150px;text-align:center;color:#fff;background:#000;z-index:999999}
#skipLink a:focus, #skipLink a:hover, #skipLink a:focus, #skipLink a:active{left:0px;top:0px}
#skipLink dt{position:absolute;height:0;width:0;left:-9999px;overflow:hidden;font-size:0;line-height:0;}
#wrap{overflow:hidden;}
#header{position:relative;height:115px;background:#fff;z-index:10;}
#header h1{display:block;position:absolute;left:0;top:43px;}
#topLink{position:absolute;right:0;top:0;}
#topLink li{display:inline-block;vertical-align:middle;}
#topLink li a{display:block;padding:0 12px;line-height:40px;font-size:14px;font-weight:500;color:#3c3c3c;}
#topLink li a img{display:inline-block;vertical-align:sub;margin-right:5px;}
#gnb{float:right;margin-right:100px;padding-top:50px;}
#gnb > ul:after{display:block;content:'';clear:both;}
#gnb > ul > li{display:block;float:left;position:relative;}
#gnb > ul > li > a{display:block;margin-bottom:20px;padding:0 60px;text-align:center;font-size:19px;font-weight:900;line-height:125%;letter-spacing:-1px;font-family:'NanumSquare';}
#gnb > ul > li > a b{display:block;color:#911b2b;}
#gnb .joinBox{display:none;position:absolute;left:0;top:130px;padding:10px 30px;width:240px;background:#f37067;box-sizing:border-box;border-radius:20px;box-shadow:3px 2px 9px #b9b9b9;}
#gnb .joinBox.active{display:block;}
#gnb .joinBox ul li{border-bottom:1px solid #f9b8b3;}
#gnb .joinBox ul li:last-child{border-bottom:0px none;}
#gnb .joinBox ul li a{display:block;padding:20px 0 20px 45px;background-repeat:no-repeat;background-position:left center;font-size:16px;color:#fff;}
#gnb .joinBox ul li.icon1 a{background-image:url(/images/kids/common/icon_joinBox1.png);}
#gnb .joinBox ul li.icon2 a{background-image:url(/images/kids/common/icon_joinBox2.png);}
#gnb .joinBox ul li.icon3 a{background-image:url(/images/kids/common/icon_joinBox3.png);}
#gnb .joinBox ul li.icon4 a{background-image:url(/images/kids/common/icon_joinBox4.png);}
#gnb .joinBox ul li.icon5 a{background-image:url(/images/kids/common/icon_joinBox5.png);}
#gnb .depth2{display:none;position:absolute;left:0;right:0;padding-top:130px;padding-bottom:30px;min-width:114px;overflow:hidden;background-repeat:no-repeat;background-position:center 10px;box-sizing:border-box;}
#gnb.active .depth2{display:block;}
#gnb .depth2.icon1{background-image:url(/images/kids/common/icon_gnb_depth2_1.png);}
#gnb .depth2.icon2{background-image:url(/images/kids/common/icon_gnb_depth2_2.png);}
#gnb .depth2.icon3{background-image:url(/images/kids/common/icon_gnb_depth2_3.png);}
#gnb .depth2.icon4{background-image:url(/images/kids/common/icon_gnb_depth2_4.png);}
#gnb .depth2 li{text-align:center;}
#gnb .depth2 li a{display:inline-block;position:relative;padding:5px 0;font-size:17px;text-align:center;}
#gnb .depth2 li a:after{display:none;content:'';position:absolute;top:3px;right:-8px;width:5px;height:5px;background:#c92c41;border-radius:50%;}
#gnb .depth2 li a:hover{color:#c92c41;}
#gnb .depth2 li a:hover:after{display:block;}
#allNavBg{position:absolute;left:0;right:0;top:115px;height:400px;background:#fff;border-bottom:4px solid #911b2b;opacity:0;transition-duration:0.1s;z-index:-1;}
#allNavBg.active{transition-duration:0.3s;opacity:1;z-index:9;}
#header .allNavOpen{display:block;position:absolute;right:0;top:57px;width:30px;height:30px;background:url(/images/kids/common/icon_allNavOpen.png) no-repeat center;text-indent:-9999em;}
#header .allNavOpen.active{background:url(/images/kids/common/icon_allNavClose.png) no-repeat center;}
#footer{padding:30px 0;height:230px;background:#911b2b;text-align:center;box-sizing:border-box;}
#footer .footerLogo{display:block;margin:0 auto 25px;}
#footer .relatedSite{position:absolute;right:0;top:0;}
#footer .relatedSite .siteOpen{display:block;width:205px;height:42px;background:url(/images/kids/common/icon_relatedSite_ar.png) no-repeat 134px center;border:1px solid #b2606b;box-sizing:border-box;line-height:40px;font-size:15px;color:#fff;text-indent:-25px;}
#footer .relatedSite > ul{display:none;position:absolute;bottom:42px;left:0;right:0;padding:10px 20px;background:#fff;border:1px solid #911b2b;z-index:10;box-shadow:4px 3px 5px rgb(0 0 0 / .4);}
#footer .relatedSite > ul li{display:block;padding:8px 0;}
#footer .relatedSite > ul li a{display:block;text-align:left;}
#footer .relatedSite > ul li a:hover{color:#911b2b;}
#footer .relatedSite.active .siteOpen{background:url(/images/kids/common/icon_relatedSite_ar_on.png) no-repeat 134px center;}
#footer .relatedSite.active > ul{display:block;}
#footer .footerLink{margin-bottom:10px;}
#footer .footerLink li{display:inline-block;vertical-align:middle;}
#footer .footerLink li a{display:block;position:relative;padding:0 20px;font-size:15px;font-weight:bold;color:#fff;}
#footer .footerLink li a:after{display:block;content:'';position:absolute;right:0;top:50%;margin-top:-6px;height:12px;border-right:1px solid #a74955;}
#footer .footerLink li:last-child a:after{display:none;}
#footer .footerLink li.txtBrown a{color:#ab8e4e;}
#footer .siteInfo{margin-bottom:10px;}
#footer .siteInfo li{display:inline-block;vertical-align:middle;margin-right:28px;font-size:14px;color:#cda8ab;}
#footer .copyright{font-size:13px;color:#cda8ab;}
#container{border-top:4px solid #911b2b;}


/* ======================================== main ======================================== */
#mainVisual{padding-top:355px;height:610px;background:#ede3d6 url(/images/kids/main/bg_mainVisual.png) no-repeat center top;box-sizing:border-box;}
#mainVisual .slogan{font-size:42px;text-align:center;line-height:130%;text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;}
#mainVisual .slogan span{display:block;font-family:'NanumSquare';}
#mainVisual .slogan b{font-weight:500;color:#911b2b;}
#mainQuick{margin-top:-115px;margin-bottom:45px;}
#mainQuick ul{margin:0 -11px;}
#mainQuick ul:after{display:block;content:'';clear:both;}
#mainQuick ul li{display:block;float:left;padding:0 11px;width:16.6666%;box-sizing:border-box;}
#mainQuick ul li a{display:block;padding-top:138px;height:180px;box-sizing:border-box;border-radius:20px;background-color:#fff;background-repeat:no-repeat;background-position:center 20px;box-shadow:2px 2px 7px #bfbfbf;text-align:center;font-size:20px;font-weight:900;}
#mainQuick ul li.icon1 a{background-image:url(/images/kids/main/icon_mainQuick1.png);}
#mainQuick ul li.icon2 a{background-image:url(/images/kids/main/icon_mainQuick2.png);}
#mainQuick ul li.icon3 a{background-image:url(/images/kids/main/icon_mainQuick3.png);}
#mainQuick ul li.icon4 a{background-image:url(/images/kids/main/icon_mainQuick4.png);}
#mainQuick ul li.icon5 a{background-image:url(/images/kids/main/icon_mainQuick5.png);}
#mainQuick ul li.icon6 a{background-image:url(/images/kids/main/icon_mainQuick6.png);}
#mainQuick ul li a:hover{background-color:#f37067;color:#fff;transition-duration:.3s;}
#mainSection{padding-bottom:60px;}
#mainSection:after{display:block;content:'';clear:both;}
#mainSection > div{float:left;}
#mainSection .notice{position:relative;padding-right:35px;width:31%;box-sizing:border-box;}
#mainSection .notice .title{display:block;padding-bottom:15px;border-bottom:2px solid #666;font-size:22px;font-weight:900;}
#mainSection .notice .type1 li{border-bottom:1px solid #e1e1e1;}
#mainSection .notice .type1 li a{display:block;position:relative;padding:19px 0;padding-right:95px;}
#mainSection .notice .type1 li a b{display:block;font-size:17px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#mainSection .notice .type1 li a .date{display:block;position:absolute;top:20px;right:0;font-size:15px;color:#999;}
#mainSection .notice .btnMore{display:block;position:absolute;right:35px;top:5px;width:18px;height:18px;background:url(/images/kids/main/icon_mainSection_btnMore.png) no-repeat;text-indent:-9999em;}
#mainSection .notice .type2{padding:20px 0;border-bottom:1px solid #e1e1e1;}
#mainSection .notice .type2 .quest{display:block;margin-bottom:10px;padding-left:28px;background:url(/images/kids/main/icon_mainNotice_quest.png) no-repeat left center;line-height:19px;font-size:17px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#mainSection .notice .type2 .answer{display:block;display:-webkit-box;padding-left:28px;height:46px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:23px;font-size:16px;color:#666;letter-spacing:-.5px;}
#mainSection .linkBox{float:left;width:34%}
#mainSection .linkBox ul:after{display:block;content:'';clear:both;}
#mainSection .linkBox ul li{display:block;float:left;width:50%;}
#mainSection .linkBox ul li a{display:block;padding-top:135px;background-repeat:no-repeat;background-position:center top;font-size:18px;font-weight:500;text-align:center;}
#mainSection .linkBox ul li.icon1 a{background-image:url(/images/kids/main/icon_mainSection_linkBox1.png);border-right:1px solid #d8d8d8;}
#mainSection .linkBox ul li.icon2 a{background-image:url(/images/kids/main/icon_mainSection_linkBox3.png);}
#mainSection .SnsBox{float:right;width:34%}
#mainSection .SnsBox .mainSnsLink{margin:10px 0 10px 20px;display: block;height: 150px;box-sizing: border-box;border-radius: 30px;background-color: #ededed;}
#mainSection .SnsBox .mainSnsLink a{padding-top:15px;background-size:1px auto;font-size:16px;}
#mainSection .SnsBox .mainSnsLink:after{display:block;content:'';clear:both;}
#mainSection .SnsBox .mainSnsLink li{display:block;float:left;padding:40px 8px;width:20%;box-sizing:border-box;text-align:center;}

/* ======================================== layout ======================================== */
@media all and (max-width:1200px){
.inner{padding:0 2%;}
#header{position:fixed;top:0;left:0;right:0;height:62px;border-bottom:3px solid #911b2b;z-index:11;box-sizing:border-box;}
#header > .inner{height:62px;}
#header h1{top:8px;left:2%;}
#header h1 img{height:40px;}
#topLink{right:50px;top:13px;}
#topLink li{display:none;height:34px;padding:0 15px 0 42px;background:#911b2b url(/images/kids/common/icon_mobileTopLink.png) no-repeat 16px center;border-radius:20px;box-sizing:border-box;}
#topLink li a{padding:0;line-height:34px;color:#fff;text-align:left;font-size:14px;}
#topLink li a img{display:none;}
#gnb{}
#gnb > ul > li > a{display:none;}
#gnb.active{float:none;position:fixed;top:62px;bottom:0;right:0;margin:0;padding:0 20px 30px;background:#fff;overflow-y:auto;}
#gnb.active > ul > li{float:none;padding:20px 0;border-bottom:1px solid #d7d7d7;}
#gnb.active > ul > li:last-child{border-bottom:0px none;}
#gnb.active > ul > li > a{display:block;position:absolute;top:30px;left:80px;padding:0;text-align:left;font-size:18px;}
#gnb.active .depth2{position:static;padding:65px 0 0 80px;background-position:left top;background-size:70px auto;}
#gnb .depth2 li{text-align:left;}
#gnb .depth2 li a{font-size:15px;}
#gnb .joinBox{position:static;margin-top:20px;}
#header .allNavOpen{top:15px;right:2%;}
#allNavBg{display:none;}
#container{padding-top:62px;border:0px none;}
#footer .relatedSite{right:2%;}
}

/* Tablet */
@media all and (min-width:640px) and (max-width:1200px){
#mainQuick ul li{margin:8px 0;width:33.3333%;}
#mainSection .notice{padding-right:15px;width:35%;}
#mainSection .notice .title{padding-bottom:10px;font-size:20px;}
#mainSection .notice .type1 li a b{font-size:15px;}
#mainSection .notice .type1 li a .date{font-size:14px;}
#mainSection .notice .type2{padding:18px 0;}
#mainSection .notice .type2 .quest{font-size:15px;}
#mainSection .notice .type2 .answer{font-size:14px;}
#mainSection .linkBox{padding-top:20px;width:30%;}
#mainSection .linkBox ul li a{padding-top:90px;background-size:80px auto;font-size:15px;}
#mainSection .SnsBox{float:right;width:30%}
#mainSection .SnsBox .mainSnsLink{display: block;height: 100px;box-sizing: border-box;border-radius: 30px;background-color: #ededed;}
/* #mainSection .SnsBox .mainSnsLink{margin:10px 25px;display: block;height: 100px;background-color: #fff;} */
#mainSection .SnsBox .mainSnsLink a{padding-top:15px;background-size:1px auto;font-size:16px;}
#mainSection .SnsBox .mainSnsLink:after{display:block;content:'';clear:both;}
#mainSection .SnsBox .mainSnsLink li{display:block;float:left;width:20%;box-sizing:border-box;text-align:center;}
}

/* Phone */
@media all and (max-width:639px){
.inner{padding:0 3%;}
#header h1{left:3%;}
.allNavOpen{right:3%;}
#footer{padding:15px 0;height:auto;}
#footer .footerLogo{margin-bottom:15px;text-align:left;}
#footer .siteInfo{text-align:left;}
#footer .siteInfo li{font-size:13px;color:#fff;}
#footer .footerLink{margin-bottom:15px;text-align:left;}
#footer .footerLink li a{padding:0 10px;font-size:14px;}
#footer .copyright{font-size:12px;text-align:left;}
#footer .relatedSite{position:relative;margin-bottom:15px;left:0;right:0;}
#footer .relatedSite .siteOpen{width:auto;background-position:70% center !important;}

/* main */
#mainVisual{margin-bottom:15px;padding-top:205px;height:700px;background-size:contain;background-position:center 60px;}
#mainVisual .slogan{font-size:28px;}
#mainQuick{margin-top:-430px;margin-bottom:25px;}
#mainQuick ul{margin:0 -8px;}
#mainQuick ul li{margin-bottom:15px;padding:0 8px;width:50%;}
#mainQuick ul li a{padding-top:110px;height:150px;background-size:auto 80px;font-size:18px;}
#mainSection > div{float:none !important;width:auto !important;}
#mainSection .notice{margin-bottom:25px;padding:0;}
#mainSection .notice .title{font-size:20px;}
#mainSection .notice .type1 li a{padding:15px 95px 15px 0;}
#mainSection .notice .type1 li a b{font-size:16px;}
#mainSection .notice .type1 li a .date{top:16px;font-size:14px;}
#mainSection .notice .type2 .quest,
#mainSection .notice .type2 .answer{font-size:16px;}
#mainSection .notice .btnMore{right:0;}
#mainSection .linkBox ul li a{padding-top:110px;background-size:100px auto;font-size:16px;}
#mainSection .SnsBox .mainSnsLink{margin:10px 25px;display: block;height: 100px;background-color: #fff;}
#mainSection .SnsBox .mainSnsLink a{padding-top:15px;background-size:1px auto;font-size:16px;}
#mainSection .SnsBox .mainSnsLink:after{display:block;content:'';clear:both;}
#mainSection .SnsBox .mainSnsLink li{display:block;float:left;padding:15px 8px;width:20%;box-sizing:border-box;text-align:center;}

}




