@charset "utf-8";
#container.bg1{background:url(/images/kids/sub/bg_container1.jpg) no-repeat center top;}
#container.bg2{background:url(/images/kids/sub/bg_container2.jpg) no-repeat center top;}
#container.bg3{background:url(/images/kids/sub/bg_container3.jpg) no-repeat center top;}
#container.bg4{background:url(/images/kids/sub/bg_container4.jpg) no-repeat center top;}
#container.bg5{background:url(/images/kids/sub/bg_container5.jpg) no-repeat center top;}
#subTitle{padding-top:55px;height:240px;text-align:center;font-weight:500;box-sizing:border-box;}
#subTitle h2{margin-bottom:10px;font-size:34px;font-family:'NanumSquare';}
#subTitle h2 span{color:#911b2b;}
#subTitle p{font-size:20px;color:#222;line-height:130%;}
#subContents{position:relative;word-break:keep-all;letter-spacing:-.5px;}
#subContents .naviBar{position:absolute;left:0;top:0;}
#subContents .naviBar:after{display:block;content:'';clear:both;}
#subContents .naviBar li{display:block;position:relative;float:left;padding-right:42px;line-height:40px;font-size:16px;color:#666;}
#subContents .naviBar li:after{display:block;content:'';position:absolute;right:18px;top:50%;margin-top:-8px;width:8px;height:16px;background:url(/images/kids/sub/icon_naviBar_ar.gif) no-repeat;}
#subContents .naviBar li.home{width:40px;height:40px;background:url(/images/kids/sub/icon_naviBar_home.gif) no-repeat;text-indent:-9999em;}
#subContents .naviBar li:last-child{color:#c92c41;font-weight:500;}
#subContents .naviBar li:last-child:after{display:none;}
#subContentsInner{margin:0 auto;padding-bottom:100px;min-height:500px;}
#subContents h3{margin:0 auto;padding-bottom:40px;font-size:40px;text-align:center;font-weight:400;font-family:'NanumSquare';padding-top: 60px;}
#subContents h4{position:relative;margin:35px 0 15px;padding-left:25px;font-size:24px;font-weight:500;}
#subContents h4:after{display:block;content:'';position:absolute;top:3px;left:0;width:10px;height:20px;background:#c92c41;box-sizing:border-box;}
#subContents h5{position:relative;margin:35px 0 15px;padding-left:25px;font-size:20px;font-weight:500;}
#subContents h5:after{display:block;content:'';position:absolute;top:3px;left:0;width:16px;height:16px;border:5px solid #f37067;box-sizing:border-box;border-radius:50%;}
#subContents .h4Content{margin-bottom:35px;font-size:15px;color:#555;line-height:150%;letter-spacing:-.5px;word-break:keep-all;}
#subContents .h5Content{margin-bottom:45px;font-size:15px;color:#333;line-height:150%;letter-spacing:-.5px;word-break:keep-all;}
#subContents .h5Content:after{display:block;content:'';clear:both;}
#subContents .h4Content p + ul{margin-top:15px;}
.titleInfo{margin-bottom:40px;text-align:center;}
.titleInfo b{display:block;margin-bottom:5px;font-size:20px;color:#911b2b;line-height:130%;}
.titleInfo p{line-height:170%;}
.txtBlue{color:#044180 !important;}
.txtRed{color:#c92c41 !important;}
.txtItalic{font-style:italic;}
.txtBrown{color:#774719 !important;}
select {-webkit-appearance:none;-moz-appearance:none;appearance:none;background: url(/images/kids/sub/icon_select_ar.gif) no-repeat 90% 50%;} 
select::-ms-expand {display:none;}
.listCon > li{display:block;position:relative;line-height:150%;}
.listCon > li:after{display:block;content:'';clear:both;}
.listCon > li b{font-weight:500;}
.h5Content .listCon > li{font-size:17px !important;}
.listCon.dot > li{padding:2px 0 2px 10px;}
.listCon.dot > li:before{display:block;content:'';position:absolute;top:12px;left:0;width:3px;height:3px;background-color:#666;}
.listCon.minus > li{padding-left:10px;}
.listCon.minus > li:before{display:block;content:'';position:absolute;left:0;top:12px;width:5px;height:1px;background:#464646;}
.listCon.em > li{padding:3px 0 3px 24px;}
.listCon.em > li > em{display:block;position:absolute;left:0;top:3px;width:24px;text-align:left;}
.listCon ul{margin-top:5px;}

/* ======================================== 공통 ======================================== */
.btnArea{margin:40px 0;}
.btn_l{margin:0 3px;padding:0 30px;min-width:145px;height:50px;border:3px solid #c92c41;border-radius:3px;line-height:44px;color:#c92c41;font-size:18px;font-weight:500;text-align:center;box-sizing:border-box;}
.btn_l.on{background:#c92c41;border:1px solid #c92c41;color:#fff;line-height:48px;}
.btn_l.light{border:1px solid #f37067;background:#f37067;color:#fff;line-height:48px;}
.btn_m{padding:0 20px;height:44px;background:#666;border-radius:3px;border:0px none;color:#fff;text-align:center;font-size:16px;font-weight:500;line-height:44px;}
.btn_m.line{border:2px solid #666;background:#fff;color:#666;line-height:40px;}
.btn_s{display:inline-block;vertical-align:inherit;padding:0 35px;height:30px;background:#999;border:1px solid #999;border-radius:4px;line-height:28px;text-align:center;color:#fff;font-size:16px;font-weight:500;}
.topRightBtn{float:right;position:relative;margin-top:-25px;padding:0 25px;min-width:auto;z-index:2;}
.topRightBtn.type2{margin-top:-65px;}
.rightBtn{margin-bottom:20px;text-align:right;}
.button-container {display: flex;justify-content: flex-end;}
.btnBraille{display:block;float:left;width:55px;border-left:1px solid #fff;background:url(/images/kor/sub/bg_BrailleBtn.gif) no-repeat;text-align:center;}

/* 테이블 */
.tableBox{border-top:2px solid #333;}
.tableBox table.list{border-left:0px none;}
.tableBox table.list thead th{padding:18px 5px;background:#eee;border-bottom:1px solid #bbb;font-size:17px;font-weight:500;}
.tableBox table.list th,
.tableBox table.list td{border-right:0px none;}
.tableBox table.list td{padding:18px 10px;font-size:17px;}
.tableBox table.list td .subject{display:block;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* 탭 */
.tabBar{margin-bottom:40px;text-align:center;}
.tabBar li{display:inline-block;margin-right:-50px;width:280px;}
.tabBar li a{display:block;height:60px;background:#eee;border-radius:30px;font-size:19px;color:#666;text-align:center;line-height:60px;text-indent:20px;}
.tabBar li:first-child a{text-indent:-20px;}
.tabBar li.active{position:relative;z-index:1;}
.tabBar li.active a{background:#f37067;color:#fff;text-indent:0;}

/* 페이징 */
.paging{padding:30px 0;}
.paging a{display:inline-block;vertical-align:middle;width:40px;height:40px;border:1px solid #ddd;border-radius:50%;line-height:40px;box-sizing:border-box;font-size:17px;font-weight:500;}
.paging a.num.active{background:#c92c41;border:1px solid #c92c41;color:#fff;}
.paging a.num{border:1px solid #fff;color:#353535;}
.paging > a.first{background:#e4e4e4 url(/images/kids/sub/btn_pageFirst.png) no-repeat center;}
.paging > a.prev{margin-right:8px;background:#e4e4e4 url(/images/kids/sub/btn_pagePrev.png) no-repeat center;}
.paging > a.next{margin-left:8px;background:#e4e4e4 url(/images/kids/sub/btn_pageNext.png) no-repeat center;}
.paging > a.last{background:#e4e4e4 url(/images/kids/sub/btn_pageLast.png) no-repeat center;}
/* 20201118 mobilePaging 버튼도 css 적용 */
.paging > a.first, .mobilePaging > a.first{background:url(/images/kids/sub/btn_pageFirst.gif) no-repeat center;}
.paging > a.prev, .mobilePaging > a.prev{margin-right:8px;background:url(/images/kids/sub/btn_pagePrev.gif) no-repeat center;}
.paging > a.next, .mobilePaging > a.next{margin-left:8px;background:url(/images/kids/sub/btn_pageNext.gif) no-repeat center;}
.paging > a.last, .mobilePaging > a.last{background:url(/images/kids/sub/btn_pageLast.gif) no-repeat center;}
.mobilePaging > a{text-indent:-9999px;}
.mobilePaging{display:none;}

/* 회원가입 */
.topIconBox{margin-bottom:55px;text-align:center;}
.topIconBox .icon{display:inline-block;vertical-align:middle;margin-right:30px;}
.topIconBox p{display:inline-block;vertical-align:middle;font-size:24px;color:#666;line-height:140%;text-align:left;letter-spacing:-.5px;}
.topIconBox p b{font-weight:500;color:#c92c41;}
.topIconBox .txtSmall{display:block;margin-top:5px;font-size:18px;font-weight:400;}
.joinWrap .joinTop{margin-bottom:30px;padding:0 145px;}
.joinWrap .joinTop ul:after{display:block;content:'';clear:both;}
.joinWrap .joinTop ul li{display:block;float:left;position:relative;padding-left:100px;padding-top:12px;width:33.3333%;min-height:80px;background-repeat:no-repeat;background-position:left center;box-sizing:border-box;line-height:120%;font-weight:500;font-size:22px;color:#666;}
.joinWrap .joinTop ul li:after{display:block;content:'';position:absolute;right:55px;top:50%;margin-top:-13px;width:15px;height:26px;background:url(/images/kids/sub/icon_joinTop_ar.gif) no-repeat;}
.joinWrap .joinTop ul li:last-child:after{display:none;}
.joinWrap .joinTop ul li.icon1{background-image:url(/images/kids/sub/icon_joinTop1.gif);}
.joinWrap .joinTop ul li.icon2{background-image:url(/images/kids/sub/icon_joinTop2.gif);}
.joinWrap .joinTop ul li.icon3{background-image:url(/images/kids/sub/icon_joinTop3.gif);}
.joinWrap .joinTop ul li.icon1.active{background-image:url(/images/kids/sub/icon_joinTop1_on.gif);}
.joinWrap .joinTop ul li.icon2.active{background-image:url(/images/kids/sub/icon_joinTop2_on.gif);}
.joinWrap .joinTop ul li.icon3.active{background-image:url(/images/kids/sub/icon_joinTop3_on.gif);}
.joinWrap .joinTop ul li em{display:block;font-size:16px;}
.joinWrap .joinTop ul li.active{color:#f37067;}
.joinWrap .joinTop ul li.active em{font-weight:900;}
.joinWrap .joinBox{padding:50px;border:1px solid #ddd;border-top:4px solid #f37067;}
.joinWrap .joinForm > li{display:block;position:relative;padding-left:145px;line-height:44px;}
.joinWrap .joinForm > li + li{margin-top:18px;}
.joinWrap .joinForm .head{display:block;position:absolute;left:0;top:0;width:145px;line-height:44px;font-size:17px;font-weight:500;}
.joinWrap .joinForm input,
.joinWrap .joinForm select{margin:2px 4px;padding:0 10px;height:44px;border:1px solid #ccc;border-radius:3px;box-sizing:border-box;}
.inputInfo{margin:6px 0;line-height:130%;}
.joinWrap .joinForm .btn_m{margin-left:15px;}
.joinWrap .joinForm .head + .btn_m{margin-left:0;}
.joinWrap .joinForm + .joinForm{margin-top:20px;padding-top:20px;border-top:1px dashed #b2b2b2;}
.agreeBox .agreeCon{margin-bottom:20px;}
.agreeBox .agreeCon textarea{padding:30px;width:100%;height:300px;border:1px solid #e6e6e6;box-sizing:border-box;}
.agreeInput{position:relative;padding-left:32px;font-size:16px;color:#666;}
.agreeInput input[type="checkbox"]{position:absolute;width:0;height:0;}
.agreeInput input[type="checkbox"] + label{position:relative;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;line-height:24px;}
.agreeInput input[type="checkbox"] + label:before{display:block;content:'';position:absolute;left:-32px;top:-3px;width:24px;height:24px;background:url(/images/kids/sub/icon_agreeInput.gif) no-repeat center;border:3px solid #dadada;border-radius:4px;box-sizing:border-box;}
.agreeInput input[type="checkbox"] + label:active:before,
.agreeInput input[type="checkbox"]:checked + label:before{background:url(/images/kids/sub/icon_agreeInput_on.gif) no-repeat center;border:3px solid #f37067;}
.joinEnd{padding:85px 0 110px 620px;background:url(/images/kids/sub/bg_joinEnd.jpg) no-repeat left center;}
.joinEnd p{margin-bottom:35px;line-height:140%;font-size:24px;color:#444;text-align:center;}
.joinEnd p b{font-weight:500;}
.joinEnd a{padding:0 5px; max-width:150px;}
.loginBox{padding:10px 0 10px 580px;background:url(/images/kids/sub/bg_loginBox.jpg) no-repeat left center;}
.loginBox input{display:block;margin-bottom:10px;padding:0 20px;width:100%;height:62px;background:#f8f8f8;box-sizing:border-box;border:1px solid #efefef;border-radius:12px;font-size:17px;}
.loginBox .btnLogin{display:block;margin-top:20px;margin-bottom:40px;height:70px;background:#c92c41;border-radius:12px;text-align:center;font-size:22px;font-weight:bold;color:#fff;line-height:70px;}
.loginBox ul li{clear:both;padding-left:30px;line-height:40px;font-size:17px;}
.loginBox ul li + li{margin-top:10px;}
.loginBox ul li.icon1{background:url(/images/kids/sub/icon_loginBox1.gif) no-repeat left center;}
.loginBox ul li.icon2{background:url(/images/kids/sub/icon_loginBox2.gif) no-repeat left center;}
.loginBox ul li a{display:block;float:right;width:130px;height:40px;background:#666;border-radius:3px;border:1px solid #666;text-align:center;line-height:40px;color:#fff;font-weight:500;}
.loginBox ul li.icon2 a{background:#fff;color:#666;}

/* 마이페이지 */
.topInfoBox{margin-bottom:55px;padding:35px 25px;border:1px solid #f4cdcb;background:#fef8f7;}
.topInfoBox p{font-size:17px;line-height:180%;}
.topInfoBox p b{font-weight:500;}
.topInfoBox .btn_s{margin:0 10px;}
.thumbFlash{margin:-20px -13px;}
.thumbFlash:after{display:block;content:'';clear:both;}
.thumbFlash > li{display:block;float:left;padding:20px 13px;width:20%;box-sizing:border-box;}
.thumbFlash > li .img{display:block;position:relative;margin-bottom:10px;width:100%;height:170px;}
.thumbFlash > li.active .img:after{display:block;content:'';position:absolute;top:0;right:0;bottom:0;left:0;border:5px solid #f37067;background:rgba(0,0,0,.6);}
.thumbFlash > li img{display:block;width:100%;height:100%;}
.thumbFlash > li .check{display:block;padding:0 18px;height:50px;background:#999 url(/images/kids/sub/icon_thumbFlash_check.png) no-repeat 92% center;border-radius:25px;color:#fff;font-size:16px;font-weight:500;line-height:50px;}
.thumbFlash > li.active .check{background:#f37067 url(/images/kids/sub/icon_thumbFlash_check_on.png) no-repeat 92% center;}
.capaBox{padding:50px;border:1px solid #e0e0e0;}
.capaBox
.capaTop{height:48px;background:#f9f4f5;font-size:18px;line-height:48px;text-align:center;}
.capaTop:after{display:block;content:'';clear:both;}
.capaBox span{float:left;box-sizing:border-box;}
.capaTest li{clear:both;border-bottom:1px dashed #b6b6b6;}
.capaTest li:after{display:block;content:'';clear:both;}
.capaTest li span{height:80px;line-height:80px;text-align:center;}
.capaTest li .col1,
.capaTest li .col2{border-right:1px dashed #b6b6b6;}
.capaTest li .col1{padding:0 30px;text-align:left;}
.capaTest li .col1 b{display:inline-block;position:relative;width:220px;height:50px;background:#999;border-radius:25px;font-size:18px;font-weight:500;color:#fff;line-height:50px;text-align:center;}
.capaTest li .col1 b:before{display:block;content:'';position:absolute;right:-70px;top:50%;margin-top:-.5px;width:70px;border-top:1px dashed #b6b6b6;}
.capaTest li .col1 b:after{display:block;content:'';position:absolute;top:50%;right:-86px;margin-top:-8px;width:16px;height:16px;box-sizing:border-box;border-radius:50%;border:5px solid #999;}
.capaTest li.active .col1 b{background:#f37067;}
.capaTest li.active .col1 b:after{border:5px solid #f37067;}
.capaTest li .col1 .img{display:inline-block;margin-left:110px;}
.capaTest li .col1 .img img{margin:0 5px;}
.capaTest li .col2{font-size:24px;font-weight:500;}
.capaTest li .col3{font-size:18px;color:#666;}
.capaBox .col1{width:55%;}
.capaBox .col2{width:15%;}
.capaBox .col3{width:30%;}


/* 함께해요 소식통 > 글남기기 */
.visitorWrite .topWriteBox{margin-bottom:10px;padding:32px 0;background:#fff5eb;border:2px dashed #e9e2db;border-radius:20px;text-align:center;}
.visitorWrite .topWriteBox textarea{display:inline-block;vertical-align:middle;margin-right:10px;padding:15px;width:780px;height:90px;border:2px solid #dedede;border-radius:5px;box-sizing:border-box;font-size:16px;resize:none;}
.visitorWrite .topWriteBox a{display:inline-block;vertical-align:middle;width:150px;height:90px;background:#f37067;border-radius:5px;box-sizing:border-box;color:#fff;font-size:18px;font-weight:500;line-height:90px;}
.bbsSearch{padding:30px 0;text-align:center;}
.bbsSearch select,
.bbsSearch input{margin:2px 4px;padding:0 20px;height:50px;border:1px solid #a8a9ad;border-radius:4px;box-sizing:border-box;font-size:17px;font-weight:500;}
.bbsSearch input::placeholder{color:#999;}
.bbsSearch input[type="submit"]{margin-left:-12px;width:133px;height:50px;background:#c92c41 url(/images/kids/sub/icon_bbsSearch_submit.png) no-repeat 33px center;border:0px none;border-radius:4px;color:#fff;font-size:18px;font-weight:500;text-indent:20px;}
.visitorList{padding:10px 50px;border:1px solid #ddd;border-top:4px solid #c92c41;}
.visitorList > ul > li{padding:30px 0;border-bottom:1px dashed #b2b2b2;}
.visitorList > ul > li:last-child{border-bottom:0px none;}
.visitorList .visitorCon{padding-left:110px;background:url(/images/kids/sub/icon_visitorCon.png) no-repeat left top;}
.visitorList .visitorCon:after{display:block;content:'';position:absolute;left:0;top:0;width:66px;height:66px;}
.visitorList .visitorCon .bubble{position:relative;padding:20px 25px;min-height:115px;border:2px solid #f37067;border-radius:20px;box-sizing:border-box;font-size:16px;box-shadow:4px 4px 13px #a2a2a2;}
.visitorList .visitorCon .bubble:after{display:block;content:'';position:absolute;left:-30px;top:34px;width:30px;height:29px;background:url(/images/kids/sub/icon_visitorCon_bubble_ar.png) no-repeat;}
.visitorList .visitorCon .name{display:inline-block;font-size:20px;font-weight:500;}
.visitorList .visitorCon .email{display:inline-block;margin-left:3px;color:#666;font-size:16px;}
.visitorList .visitorCon .school{display:inline-block;margin-left:18px;color:#c92c41;font-weight:500;}
.visitorList .visitorCon .date{display:block;position:absolute;right:25px;top:20px;color:#666;}
.visitorList .visitorCon .txtCon{margin-top:10px;padding-top:18px;padding-right:50px;border-top:1px solid #dedede;line-height:135%;word-break:break-all;}
.visitorList .visitorCon .btnDelete{display:block;position:absolute;bottom:15px;right:25px;width:31px;height:30px;background:url(/images/kids/sub/icon_btnDelete.gif) no-repeat;text-indent:-9999em;}
.visitorList .replyCon{margin-top:25px;padding-right:110px;background:url(/images/kids/sub/icon_replyCon.png) no-repeat right top;}
.visitorList .replyCon .bubble{position:relative;padding:20px 35px;background:#faf5f5;border-radius:20px;box-sizing:border-box;}
.visitorList .replyCon .bubble:after{display:block;content:'';position:absolute;right:-28px;top:25px;width:28px;height:26px;background:url(/images/kids/sub/icon_replyCon_bubble_ar.png) no-repeat;}
.visitorList .replyCon .txtCon{font-size:17px;color:#911b2b;line-height:135%;}
.visitorList .replyCon .date{display:block;margin-top:10px;font-size:16px;color:#666;}
.faqList{}
.faqList:after{display:block;content:'';position:absolute;right:220px;bottom:0;width:468px;height:407px;background:url(/images/kids/sub/bg_faqList.jpg) no-repeat center bottom;z-index:-1;}
.faqList ul:after{display:block;content:'';clear:both;}
.faqList ul li{display:block;position:relative;float:left;margin:28px 2%;width:29.3333%;height:340px;background:#f7f7f7;border-radius:40px;border:2px solid #f37067;box-sizing:border-box;text-align:center;}
.faqList ul li .num{display:block;position:absolute;top:-25px;left:50%;margin-left:-50px;width:100px;height:50px;background:#f37067;border-radius:25px;line-height:50px;color:#fff;font-size:22px;font-weight:900;}
.faqList ul li .quest{display:block;padding:35px 20px 10px;background:#fff;border-top-left-radius:40px;border-top-right-radius:40px;border-bottom:1px dashed #ddd;font-size:18px;font-weight:500;color:#222;line-height:135%;}
.faqList ul li .answer{display:block;padding:15px 20px;font-size:16px;line-height:145%;}


/* 이용약관 */
.privacyCon{padding:40px 45px;border:1px solid #ddd;border-top:4px solid #f37067;line-height:180%;}
.privacyCon dt{margin-bottom:5px;font-size:18px;font-weight:500;}
.privacyCon dd{font-size:16px;}
.privacyCon dd + dt{margin-top:30px;}
.privacyCon dd p + ol,
.privacyCon dd ol + p{margin-top:25px;}
.privacyCon dd ol li + li{margin-top:25px;}

/* 재미있게 배워요 */
.frameWrap .title{display:block;margin:0 auto 30px;width:440px;height:50px;background:url(/images/kids/sub/bg_frameWrap_title.jpg) no-repeat center;font-size:20px;font-weight:500;color:#000;text-align:center;line-height:40px;text-indent:-20px;}
.frameWrap .title.type2{height:110px;line-height:inherit;}
.frameWrap .title .txtBig{font-size:30px;}
.frameWrap .title .txtSmall{font-size:20px;}
.frameWrap .frameBox{padding-top:77px;height:561px;background:url(/images/kids/sub/bg_frameWrap_box.jpg) no-repeat center top;box-sizing:border-box;}
.frameWrap .frameBox.type2{background:url(/images/kids/sub/bg_frameWrap_box2.jpg) no-repeat center top;}
.frameWrap .frameBox .frameArea{margin:0 auto;width:660px;height:360px;}
.frameSlider{margin:80px -23px 0;}
.frameSlider div a{display:block;font-size:18px;font-weight:500;text-align:center;}
.frameSlider div .img{display:block;position:relative;margin-bottom:20px;width:100%;height:270px;box-shadow:4px 4px 13px #a2a2a2;}
.frameSlider div .img:after{display:block;content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.3) url(/images/kids/sub/icon_frameSlider_play.png) no-repeat center;}
.frameSlider div .img img{display:block;width:100%;height:100%;}
.frameSlider .slick-slide{margin:0 23px;}
.frameSlider .slick-arrow{display:block;position:absolute;top:105px;width:60px;height:60px;border:0px none;text-indent:-9999em;}
.frameSlider .slick-prev{left:-100px;background:url(/images/kids/sub/icon_frameSlider_prev.gif) no-repeat;}
.frameSlider .slick-next{right:-100px;background:url(/images/kids/sub/icon_frameSlider_next.gif) no-repeat;}
.cartoonList{text-align:center;}
.cartoonList .img{display:block;margin:0 auto 30px;}
.cartoonList a{display:inline-block;width:200px;height:60px;background:#c92c41 url(/images/kids/sub/icon_cartoonList_btn.png) no-repeat 42px center;border-radius:30px;text-align:center;line-height:60px;font-size:20px;font-weight:900;color:#fff;text-indent:30px;}
.thumbView{border-top:2px solid #333;border-bottom:1px solid #bbb;}
.thumbView .titleArea{padding:20px 30px;background:#f2f2f2;border-bottom:1px solid #bbb;}
.thumbView .titleArea .title{font-size:20px;font-weight:500;}
.thumbView .titleArea .date{display:block;float:right;font-size:16px;font-weight:500;}
.thumbView .titleArea .caseInfo{float:right;margin-top:3px;font-size:16px;}
.thumbView .titleArea .caseInfo b{margin-right:5px;}
.thumbView .titleArea .caseInfo em{display:inline-block;vertical-align:inherit;margin:0 10px;width:9px;height:13px;color:#d6d6d6;font-weight:normal;}
.thumbView .desc{position:relative;padding:30px;border-bottom:1px solid #dedede;font-size:16px;color:#555;line-height:150%;}
.thumbView .attach{padding:20px 30px;border-bottom:1px solid #bbb;}
.thumbView .attach .fileDown{display:block;padding-left:38px;background:url(/images/kids/sub/icon_attach_fileDown.gif) no-repeat left top;line-height:25px;font-size:16px;color:#555;}
.thumbView .attach .fileDown:hover{text-decoration:underline;}
.thumbView .viewCon{padding:30px;min-height:300px;border-bottom:1px solid #bbb;font-size:16px;line-height:175%;}
.thumbView .viewCon img{display:block;margin:0 auto;}
.thumbView .viewCon + .desc{border-top:1px solid #dedede;}
.thumbView .videoCon{padding:45px;border-bottom:1px solid #bbb;text-align:center;font-size:16px;}
.thumbView .videoCon .videoBox{margin:0 auto 30px;padding:15px;width:647px;box-shadow:5px 9px 10px #e0dfdf;}
.thumbView .videoCon .videoBox iframe,
.thumbView .videoCon .videoBox img{width:100%;height:100%;}
.thumbView .desc + .moveList{margin-top:60px;}
.moveList{border-top:1px solid #bbb;}
.moveList li{position:relative;padding:18px 35px 18px 150px;border-bottom:1px solid #ddd;font-size:17px;}
.moveList li:last-child{border-bottom:0px none;}
.moveList li b{display:block;position:absolute;left:30px;top:50%;margin-top:-10px;padding-right:40px;font-weight:900;}
.moveList li.prev b{background:url(/images/kids/sub/icon_moveList_prev_on.gif) no-repeat right center;}
.moveList li.next b{background:url(/images/kids/sub/icon_moveList_next_on.gif) no-repeat right center;}
.moveList li.prev.none b{background:url(/images/kids/sub/icon_moveList_prev.gif) no-repeat right center;}
.moveList li.next.none b{background:url(/images/kids/sub/icon_moveList_next.gif) no-repeat right center;}
.moveList li a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.moveList li a:hover{text-decoration:underline;}
.moveList li.none a{color:#888;}
.btnArea + .moveList{margin-top:60px;}
.totalNum{margin-bottom:15px;font-size:16px;}
.totalNum b{color:#911b2b;font-weight:900;}
.thumbList{position:relative;border-top:2px solid #333;}
.thumbList:after{display:block;content:'';position:absolute;bottom:0;left:0;right:0;border-bottom:1px solid #8e8e8e;}
.thumbList ul{padding:40px 0;}
.thumbList ul:after{display:block;content:'';clear:both;}
.thumbList ul li{display:block;float:left;padding:0px 0;width:25%;box-sizing:border-box;}
.thumbList ul li a{display:block;position:relative;padding:35px 25px;background:#fff;border:3px solid #fff;}
.thumbList ul li a:hover{border:3px solid #911b2b;transition-duration:.5s;opacity:1;}
.thumbList ul li .img{display:block;position:relative;margin-top:15px;width:100%;height:260px;z-index:1;}
.thumbList ul li .img:after{display:block;position:absolute;content:'';right:-4px;top:4px;bottom:-4px;left:4px;width:100%;background:#f0f0f0;z-index:-1;opacity:1;}
.thumbList ul li a:hover .img:after{transition-duration:.5s;opacity:0;}
.thumbList ul li .img img{width:100%;height:100%;}
.thumbList ul li .title{display:block;display:-webkit-box;margin-bottom:13px;height:48px;line-height:24px;font-weight:500;font-size:18px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
.thumbList ul li .caseInfo{display:block;margin:3px 0;font-size:14px;font-weight:400;color:#911b2b;}
.thumbList ul li .caseInfo em{margin-right:8px;}
.thumbList.type3 ul li{padding:30px;width:33.3333%;border-bottom:1px solid #dedede;}
.thumbList.type3 ul li .img{margin-bottom:12px;height:194px;}
.thumbList.type3 ul li .title,
.thumbList.type3 ul li .desc{height:auto;white-space:nowrap;}
.thumbList.type3 ul li .videoIcon{display:block;position:absolute;bottom:10px;right:10px;width:58px;height:58px;background:url(/images/kor/sub/icon_thumbList_play.png) no-repeat;}
.thumbList.type4 ul li{width:25%;}
.thumbList.type4 ul li .img{margin-bottom:12px;height:270px;}
.thumbList.type4 ul li a{display:block;position:relative;padding:5px 25px;background:#fff;border:3px solid #fff;}
.thumbList.type4 ul li a:hover{border:3px solid #911b2b;transition-duration:.5s;opacity:1;}
.bookList{}
.bookList ul:after{display:block;content:'';clear:both;}
.bookList ul li{display:block;float:left;padding:50px 22.5px 0;width:33.3333%;box-sizing:border-box;}
.bookList ul li > div{position:relative;padding:30px;border:2px solid #918886;border-radius:30px;text-align:center;box-shadow:4px 4px 13px #a2a2a2;box-sizing:border-box;}
.bookList ul li .num{display:block;position:absolute;top:0;left:0;right:0;margin-top:-45px;height:75px;background:url(/images/kids/sub/icon_bookList_num.jpg) no-repeat center;font-size:22px;line-height:60px;color:#c92c41;font-weight:900;}
.bookList ul li .title{display:block;margin-bottom:15px;font-size:20px;font-weight:500;color:#222;letter-spacing:-1px;line-height:140%;}
.bookList ul li .img{display:inline-block;margin-bottom:25px;border:1px solid #ddd;}
.bookList ul li .btn_bookList{display:block;margin:0 auto;width:130px;height:50px;background:#c92c41 url(/images/kids/sub/icon_cartoonList_btn.png) no-repeat 7px center;border-radius:25px;text-align:center;line-height:50px;font-size:18px;font-weight:900;color:#fff;text-indent:30px;}
.bookList.type2:after{display:block;content:'';position:absolute;right:-205px;bottom:-1px;width:482px;height:303px;background:url(/images/kids/sub/bg_studyList.jpg) no-repeat;}
.bookList.type2 ul li{margin-bottom:50px;}
.bookList.type2 ul li > div{height:255px;}
.bookList.type2 ul li .num{height:84px;background:url(/images/kids/sub/icon_bookList_num2.gif) no-repeat center;line-height:85px;}
.bookList.type2 ul li .title{padding-top:25px;}
.bookList.type2 ul li a{display:block;position:absolute;bottom:40px;left:50%;margin-left:-80px;}
.flashList{}
.flashList ul:after{display:block;content:'';clear:both;}
.flashList ul li{display:block;float:left;padding:50px 22.5px 0;width:25%;box-sizing:border-box;}
.flashList ul li > div{text-align:center;}
.flashList ul li .num{display:block;position:absolute;top:0;left:0;right:0;margin-top:-45px;height:75px;background:url(/images/kids/sub/icon_bookList_num.jpg) no-repeat center;font-size:22px;line-height:60px;color:#c92c41;font-weight:900;}
.flashList ul li .title{display:block;margin-bottom:15px;font-size:20px;font-weight:500;color:#222;letter-spacing:-1px;line-height:140%;}
.flashList ul li .img{display:inline-block;margin-bottom:25px;border:1px solid #ddd;}
.flashList ul li .btn_bookList{display:block;margin:0 auto;width:130px;height:50px;background:#c92c41 url(/images/kids/sub/icon_cartoonList_btn.png) no-repeat 7px center;border-radius:25px;text-align:center;line-height:50px;font-size:18px;font-weight:900;color:#fff;text-indent:30px;}
.flashList.type3:after{border-radius: 25px;display:block;content:'';position:absolute;right: 1px;bottom: 1px;width:482px;height:303px;background:url(/images/kids/sub/bg_studyList.jpg) no-repeat;}  
.flashList.type2 ul li{margin-bottom:50px;}
.flashList.type2 ul li > div{height: 100%;}
.flashList.type2 ul li .num{height:84px;background:url(/images/kids/sub/icon_bookList_num2.gif) no-repeat center;line-height:85px;}
.flashList.type2 ul li .title{padding-top:25px;}
.flashList.type2 ul li .img{border:2px solid #918886;border-radius:30px;text-align:center;box-shadow:4px 4px 13px #a2a2a2;box-sizing:border-box;cursor:pointer;}
.flashList.type2 ul li a{display:block;position:absolute;bottom:40px;left:50%;margin-left:-80px;}
.flashGameBox{margin-bottom:40px;}
.flashGameBox .title{display:block;height:63px;background:#fbc96f url(/images/kids/sub/bg_flashGameBox_title.gif) repeat-x left bottom;border-radius:20px;line-height:55px;text-align:center;font-size:24px;font-weight:500;color:#fff;}
.flashGameBox .gameCon{position:relative;margin-top:-20px;padding:50px 50px 30px;min-height:200px;border:1px solid #ddd;border-top:0px none;}
.flashGameBox .gameCon .img{display:block;position:absolute;}
.flashGameBox .gameCon dl{margin-left:330px;margin-right:180px;}
.flashGameBox .gameCon dl dt{margin-bottom:10px;padding-left:45px;background:url(/images/kids/sub/icon_flashGameBox_dt_type1.gif) no-repeat left top;line-height:30px;font-size:18px;font-weight:500;color:#c92c41;}
.flashGameBox .gameCon dl dt.icon2{background:url(/images/kids/sub/icon_flashGameBox_dt_type2.gif) no-repeat left top;}
.flashGameBox .gameCon dl dd{padding-left:45px;font-size:16px;line-height:160%;}
.flashGameBox .gameCon dl dd + dt{margin-top:15px;}
.flashGameBox .gameCon .btnStart{display:block;position:absolute;right:55px;top:50%;margin-top:-40px;width:100px;height:100px;background:#f37067;border-radius:50%;line-height:100px;text-align:center;color:#fff;font-size:18px;font-weight:500;box-sizing:border-box;}
.flashGameBox .gameCon .btnStart:after{display:block;content:'';position:absolute;top:5px;right:5px;bottom:5px;left:5px;width:90px;height:90px;border:1px dashed #fff;border-radius:50%;box-sizing:border-box;}
.flashGameBox .gameCon .btnStart:hover{padding-top:55px;background:#c92c41 url(/images/kids/sub/icon_flashGameBox_startBtn.png) no-repeat center 20px;line-height:100%;box-shadow:2px 1px 9px #a9a9a9;}
.musicList{position:relative;min-height:700px;}
.musicList .titleBox{position:relative;width:600px;height:80px;line-height:80px;box-sizing:border-box;}
.musicList .titleBox .title{display:block;font-size:20px;font-weight:500;color:#222;}
.musicList .titleBox .jp-duration{display:block;position:absolute;right:110px;top:0;bottom:0;line-height:80px;font-size:15px;font-weight:500;color:#c2c2c2;}
/*.musicList .titleBox .btnPlayer{display:block !important;position:absolute;right:30px;top:50%;margin-top:-25px;width:50px;height:50px;background:url(/images/kids/sub/icon_btnPlayer.gif) no-repeat;text-indent:-9999em;}
.musicList .titleBox .btnPlayer:hover{background:url(/images/kids/sub/icon_btnPlayer_on.gif) no-repeat;transition-duration:.3s;}*/
.musicList .musicBox{display:none;position:absolute;right:0;top:0;bottom:0;width:580px;overflow:auto;}
.musicList .musicBox.active{display:block;}
.musicList .musicBox .title{display:block;margin-bottom:8px;padding-top:150px;background:url(/images/kids/sub/icon_musicBox_title.gif) no-repeat center -25px;text-align:center;font-size:28px;font-weight:500;color:#c92c41;letter-spacing:-1px;}.musicList .musicBox .jp-progress{text-align:center;color:#c2c2c2;}
.musicList .musicBox .jp-current-time,
.musicList .musicBox .jp-duration{display:inline-block;font-size:16px;font-weight:500;}
.musicList .musicBox .jp-bar-wrap{margin:20px auto 40px;width:430px;}
.musicList .musicBox .jp-seek-bar{height:3px;background:#d4d4d4;}
.musicList .musicBox .jp-play-bar{position:relative;height:3px;background:#ff7f66;}
.musicList .jp-controls{margin-bottom:30px;text-align:center;}
.musicList .jp-controls li{display:inline-block;vertical-align:middle;margin:0 -2px;}
.musicList .jp-controls li a{display:block;margin:0 5px;border-radius:50%;background-color:#f37067;background-repeat:no-repeat;background-position:center;text-indent:-9999em;}
.musicList .jp-controls li a:hover{background-color:#c92c41;transition-duration:.3s;}
.musicList .btnLyrics{width:50px;height:50px;background-image:url(/images/kids/sub/icon_btnLyrics.png);}
.musicList .jp-stop{width:50px;height:50px;background-image:url(/images/kids/sub/icon_jp-stop.png);}
.musicList .musicBox .jp-play{width:70px;height:70px;background-image:url(/images/kids/sub/icon_jp-play.png);background-position:30px center !important;}
.musicList .musicBox .jp-pause{width:70px;height:70px;background-image:url(/images/kids/sub/icon_jp-pause.png);}
.musicLyrics{position:relative;padding:35px 40px;background:#f7f7f7;border-top:1px dashed #ddd;font-size:16px;line-height:160%;}
.musicLyrics:before{display:block;content:'';position:absolute;top:-22px;left:35%;width:38px;height:22px;background:url(/images/kids/sub/icon_musicLyrics_ar.gif) no-repeat;}
.btnGoPop{display:inline-block;width:200px;height:60px;background:#c92c41 url(/images/kids/sub/icon_cartoonList_btn.png) no-repeat 42px center;border-radius:30px;text-align:center;line-height:60px;font-size:20px;font-weight:900;color:#fff;text-indent:30px;}
.cartoonSlider{margin:0 60px;}
.cartoonSlider li{width:650px;text-align:center;}
.cartoonSlider li img{max-width:100%;}
.cartoonSlider .bx-controls{}
.cartoonSlider .bx-controls-direction a{display:block;position:absolute;top:50%;margin-top:-30px;width:60px;height:60px;border:0px none;text-indent:-9999em;}
.cartoonSlider .bx-prev{left:-60px;background:url(/images/kids/sub/icon_frameSlider_prev.gif) no-repeat;}
.cartoonSlider .bx-next{right:-60px;background:url(/images/kids/sub/icon_frameSlider_next.gif) no-repeat;}

/* 레이어팝업 */
.modalWrap{margin-left:-550px;width:1100px;border:5px solid #c92c41;border-radius:30px;}
.modalWrap.mid{margin-left:-435px;width:870px;}
.modalWrap .modalTitle{padding:20px 30px;background:#fff;border-top-left-radius:30px;border-top-right-radius:30px;}
.modalWrap .modalContent{padding:0 30px 30px;}
.modalWrap .modalTitle .btn_modalClose{width:85px;height:68px;border-top-right-radius:20px;background:url(/images/kids/sub/btn_modalClose.gif) no-repeat left bottom;}

/* 살펴봐요 대한민국 헌법 */
.topIconBox.type2{margin-bottom:35px;text-align:center;}
.topIconBox.type2 p{display:block;text-align:center;color:#333;font-weight:500;font-size:26px;}
.topIconBox.type2 p b{color:#911b2b;}
.topIconBox p .dot{position:relative;}
.topIconBox p .dot:after{display:block;content:'';position:absolute;top:-9px;left:50%;margin-left:-2.5px;width:5px;height:5px;border-radius:50%;background:#c92c41;}
.lawInfoList{position:relative;padding-bottom:100px;}
.lawInfoList:after{display:block;content:'';position:absolute;right:-70px;bottom:-150px;width:586px;height:387px;background:url(/images/kids/sub/bg_lawInfoList.jpg) no-repeat;z-index:-1;}
.lawInfoList > div{position:relative;margin-bottom:20px;padding:25px;padding-left:110px;width:715px;background:#fff;border-radius:25px;box-sizing:border-box;border:1px dashed #f37067;box-shadow:2px 2px 10px #c5c5c5;}
.lawInfoList .type1{margin-left:80px;}
.lawInfoList .type2{margin-left:250px;}
.lawInfoList .type3{margin-left:110px;}
.lawInfoList .type4{margin-left:110px;}
.lawInfoList > div .img{display:block;position:absolute;left:25px;top:50%;margin-right:15px;}
.lawInfoList .type1 .img{margin-top:-26.5px;}
.lawInfoList .type2 .img{margin-top:-31.5px;}
.lawInfoList .type3 .img{margin-top:-34.5px;}
.lawInfoList .subject{display:block;margin-bottom:5px;font-size:20px;font-weight:500;color:#c92c41;}
.lawInfoList .subject2{display:block;margin-bottom:5px;font-weight:500;color:#334af1;}
.lawInfoList div p{font-size:16px;color:#555;line-height:150%;}
.lawTextCon{text-align:center;}
.lawTextCon b{display:block;margin-bottom:15px;font-size:20px;font-weight:500;color:#c92c41;line-height:140%;}
.lawTextCon p{margin-bottom:35px;font-size:16px;color:#555;line-height:150%;}
.lawTextCon.bg1{padding-right:460px;background:url(/images/kids/sub/img_lawTextCon2.jpg) no-repeat right top;}
.lawTextCon.bg2{padding-left:485px;background:url(/images/kids/sub/img_lawTextCon3.jpg) no-repeat left center;}
.botRoundBox{position:relative;padding:50px 35px 35px;background:#fff;border-radius:25px;box-sizing:border-box;border:1px dashed #f37067;box-shadow:2px 2px 10px #c5c5c5;}
.botRoundBox .title{display:block;position:absolute;top:-25px;left:0;width:140px;height:50px;background:#911b2b;border-radius:25px;line-height:50px;color:#fff;font-weight:900;font-size:20px;text-align:center;}
.botRoundBox p{font-size:17px;color:#555;line-height:150%;}
.botRoundBox p b{color:#911b2b;font-weight:500;}
.cartoonRoundBox{position:relative;padding:50px 35px 35px;background:#fff;border-radius:25px;box-sizing:border-box;border:1px dashed #f37067;box-shadow:2px 2px 10px #c5c5c5;}
.cartoonRoundBox .main_title{display:block;position:absolute;top:-25px;left:0;width:200px;height:50px;background:#911b2b;border-radius:25px;line-height:50px;color:#fff;font-weight:900;font-size:20px;text-align:center;}
.topIconBox.bg1{min-height:131px;background:url(/images/kids/sub/img_sub2-1-2.jpg) no-repeat center top;}
.viewCartoon ul li{position:relative;display:block;margin-bottom:20px;padding:28px 230px 28px 40px;background:#fff;border-radius:25px;box-sizing:border-box;border:1px dashed #f37067;box-shadow:2px 2px 10px #c5c5c5;}
.viewCartoon ul li .subject{display:block;margin-bottom:5px;font-size:20px;font-weight:500;color:#c92c41;}
.viewCartoon ul li p{font-size:16px;color:#555;line-height:150%;}
.viewCartoon ul li a{display:block;position:absolute;top:50%;right:40px;margin-top:-25px;width:180px;height:50px;background:#c92c41 url(/images/kids/sub/icon_cartoonList_btn.png) no-repeat 30px center;border-radius:25px;line-height:50px;font-size:18px;font-weight:900;color:#fff;text-align:center;box-sizing:border-box;text-indent:28px;}
.btnGoPop.type2{width:180px;height:50px;background-position:30px center;border-radius:25px;font-size:18px;line-height:50px;}
.btnGoPop.type3{width:200px;height:50px;background-position:30px center;border-radius:25px;font-size:18px;line-height:50px;}
.roundItem{position:relative;margin:0 55px;text-align:center;}
.roundItem:after{display:block;content:'';position:absolute;top:50%;left:0;right:0;margin-top:-1px;border-top:2px solid #ddd;z-index:-1;}
.roundItem ul{position:relative;}
.roundItem ul:before{display:block;content:'';position:absolute;top:50%;left:0;margin-top:-5px;width:10px;height:10px;background:#ddd;border-radius:50%;}
.roundItem ul:after{display:block;content:'';position:absolute;top:50%;right:0;margin-top:-5px;width:10px;height:10px;background:#ddd;border-radius:50%;}
.roundItem li{display:inline-block;vertical-align:middle;margin:0 10px;padding-top:40px;width:180px;height:180px;border-radius:50%;box-sizing:border-box;}
.roundItem li.item1{background-color:#f37067;}
.roundItem li.item2{background-color:#f5b96b;}
.roundItem li.item3{background-color:#78e6b6;}
.roundItem li.item4{background-color:#86c3e6;}
.roundItem li.item5{background-color:#b080e7;}
.roundItem li img{display:block;margin:0 auto 12px;}
.roundItem li b{display:block;font-size:22px;font-weight:500;color:#fff;margin-top:36px;}
.courtPhotoList{padding-bottom:180px;}
.courtPhotoList ul{margin:-15px -22px 0;}
.courtPhotoList ul:after{display:block;content:'';clear:both;}
.courtPhotoList ul li{display:block;float:left;padding:15px 22px;width:33.3333%;box-sizing:border-box;}
.courtPhotoList ul li > div{height:460px;border:2px solid #f37067;box-sizing:border-box;border-radius:25px;box-shadow:2px 2px 10px #c5c5c5;overflow:hidden;text-align:center;}
.courtPhotoList ul li > div img{display:block;width:100%;height:264px;}
.courtPhotoList ul li .title{display:block;padding:25px 0 15px;text-align:center;font-size:24px;font-weight:500;color:#c92c41;}
.courtPhotoList ul li p{padding:0 30px;font-size:16px;color:#555;line-height:150%;}
.pastStoryCon{text-align:center;bottom:0;right:30px;padding-bottom:190px;letter-spacing:-.5px;}
/* .pastStoryCon:after{display:block;content:'';position:absolute;bottom:0;right:-390px;width:619px;height:741px;background:url(/images/kids/sub/bg_pastStoryCon.jpg) no-repeat;z-index:-1;} */
.pastStoryCon b{display:block;margin-bottom:15px;font-size:24px;color:#8f5a0a;font-weight:500;}
.pastStoryCon b em{font-size:30px;}
.pastStoryCon p{font-size:16px;color:#555;line-height:150%;}
.pastStoryCon p + p{margin-top:20px;}
.locationBox{position:relative;margin-bottom:50px;height:450px;border:1px solid #ddd;}
.locationInfo{position:absolute;right:0;bottom:0;padding:30px 35px;width:410px;height:185px;background:#911b2b;border-top-left-radius:35px;box-sizing:border-box;color:#fff;letter-spacing:-.5px;z-index:1;}
.locationInfo .title{display:block;position:relative;margin-bottom:20px;padding-bottom:15px;font-size:20px;}
.locationInfo .title:after{display:block;content:'';position:absolute;left:0;bottom:0;width:30px;border-bottom:1px solid #fff;}
.locationInfo > p{margin:15px 0;padding-left:32px;font-size:16px;line-height:23px;}
.locationInfo .address{background:url(/images/kids/sub/icon_location_address.png) no-repeat left center;}
.locationInfo .callNum{background:url(/images/kids/sub/icon_location_callNum.png) no-repeat left center;}
.timeInfoBox{display:table;margin-bottom:40px;padding:25px 45px;width:100%;border:1px dashed #f37067;border-radius:25px;box-sizing:border-box;box-shadow:2px 2px 10px #c5c5c5;}
.timeInfoBox .icon{display:table-cell;vertical-align:middle;padding-right:60px;}
.timeInfoBox .title{display:table-cell;vertical-align:inherit;padding-right:35px;padding-top:5px;font-size:20px;font-weight:500;color:#c92c41;}
.timeInfoBox .desc{display:table-cell;vertical-align:middle;font-size:16px;color:#555;line-height:150%;}
.timeInfoBox .btnItem{display:table-cell;vertical-align:middle;text-align:right;}
.timeInfoBox a{margin:0 5px;width:160px !important;}
.listCon.dot.type2 > li{padding-left:85px;}
.listCon.dot.type2 > li .head{display:block;position:absolute;left:10px;top:3px;width:60px;}
.listCon.dot.type2 > li .head:after{display:block;content:'';position:absolute;right:0;top:50%;margin-top:-7px;height:12px;border-right:1px solid #ccc;}
.txtBlue2{color:#0f83c4 !important;}
.txtGreen{color:#368a0e !important;}

/* 학습능력테스트 */
#qmsWrap{max-width:1000px;letter-spacing:-1px;}
#qmsTop{position:relative;height:60px;background:#fbcd75;}
#qmsTop h1{display:inline-block;vertical-align:middle;margin:10px 10px 0 20px;}
#qmsTop h2{display:inline-block;vertical-align:bottom;padding-left:10px;border-left:1px solid #fff;font-size:17px;font-weight:bold;line-height:17px;color:#911b2b;}
#qmsTop .levelItem{position:absolute;right:0;top:0;bottom:0;padding:0 30px;height:60px;background:#c72a3f;border-top-left-radius:30px;border-bottom-left-radius:30px;}
#qmsTop .levelItem > b{display:inline-block;vertical-align:middle;margin-right:15px;font-size:17px;color:#fffbe3;line-height:60px;}
#qmsTop .levelItem .level{display:inline-block;vertical-align:middle;margin:0 2px;}
#qmsContents{position:relative;padding-bottom:20px;background:url(/images/kids/sub/bg_qmsList.gif) repeat center top;border-top:1px solid #cacaca;}
#qmsContents .qmsInfo{padding:0 35px;height:50px;background:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:-1px 1px 3px #c7c7c7;}
#qmsContents .qmsInfo:after{display:block;content:'';clear:both;}
#qmsContents .qmsInfo li{display:block;float:left;padding-left:22px;line-height:50px;font-size:16px;}
#qmsContents .qmsInfo li.icon1{background:url(/images/kids/sub/icon_qmsInfo1.gif) no-repeat left center;}
#qmsContents .qmsInfo li.icon2{background:url(/images/kids/sub/icon_qmsInfo2.gif) no-repeat left center;}
#qmsContents .qmsInfo li.icon3{background:url(/images/kids/sub/icon_qmsInfo3.gif) no-repeat left center;}
#qmsContents .qmsInfo li.icon4{background:url(/images/kids/sub/icon_qmsInfo4.gif) no-repeat left center;}
#qmsContents .qmsInfo li:first-child{margin-right:30px;}
#qmsContents .qmsInfo li:last-child{float:right;}
#qmsContents .qmsInfo li > b{display:inline-block;position:relative;margin-right:10px;padding-right:10px;}
#qmsContents .qmsInfo li > b:after{display:block;content:'';position:absolute;top:50%;right:0;margin-top:-8px;height:16px;border-right:1px solid #ddd;}
#qmsContents .qmsInfo li > b > em{color:#666;}
#qmsContents .qmsInfo li .txtRed{font-weight:bold;}
#qmsContents .qmsInfo li .num{font-size:22px;color:#c92c41;font-weight:bold;}
#qmsContents .qmsList{margin-right:245px;padding:20px 50px;}
#qmsContents .qmsList dt{display:block;position:relative;padding-top:20px;padding-left:80px;font-size:16px;font-weight:bold;line-height:30px;}
#qmsContents .qmsList dt .qmsCheck{display:block;position:absolute;top:0;left:-5px;z-index:1;}
#qmsContents .qmsList dt b{display:block;position:absolute;left:0;top:20px;width:70px;height:30px;border-radius:15px;background:#f37067;line-height:30px;text-align:center;color:#fff;font-size:16px;}
#qmsContents .qmsList dd + dt{border-top:1px solid #ddd;}
#qmsContents .qmsList dd{margin-left:110px;padding:15px 0;}
#qmsContents .qmsList dd ul li{padding:5px 0;}
#qmsContents .qmsList dd ul li.true{color:#c4283b;}
#qmsContents .qmsList dd ul li.true em{display:inline-block;margin-left:5px;}
#qmsContents input[type="radio"]{position:absolute;width:0;height:0;}
#qmsContents input[type="radio"] + label{position:relative;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;line-height:24px;}
#qmsContents input[type="radio"] + label:before{display:block;content:'';position:absolute;left:-32px;top:-3px;width:24px;height:24px;background:#fff;border-radius:12px;border:1px solid #c1c1c2;box-sizing:border-box;line-height:24px;}
#qmsContents input[type="radio"] + label:active:before,
#qmsContents input[type="radio"]:checked + label:before{border:2px solid #c4283b;}
#qmsContents input[type="radio"] + label:active:after,
#qmsContents input[type="radio"]:checked + label:after{display:block;content:'';position:absolute;top:4px;left:-25px;width:10px;height:10px;border-radius:50%;background:#c4283b;}
#qmsContents .qmsRight{position:absolute;right:20px;top:70px;width:220px;}
#qmsContents .qmsAnswer{margin-bottom:20px;padding:10px;background:#fbedeb;border:1px solid #ff7e78;border-radius:10px;box-sizing:border-box;}
#qmsContents .qmsAnswer .title{display:block;position:relative;padding:5px 0 10px 32px;font-size:20px;color:#c5293d;}
#qmsContents .qmsAnswer .title:after{display:block;content:'';position:absolute;left:10px;top:50%;margin-top:-9px;width:16px;height:16px;border:5px solid #f37067;border-radius:50%;box-sizing:border-box;}
#qmsContents .qmsAnswer .qmsTable{height:373px;overflow-y:auto;}
#qmsContents .qmsAnswer table{width:100%;border-collapse:collapse;}
#qmsContents .qmsAnswer table tr{border-bottom:1px solid #eee;}
#qmsContents .qmsAnswer table tr:last-child{border-bottom:0px none;}
#qmsContents .qmsAnswer table th,
#qmsContents .qmsAnswer table td{padding:8px 0;text-align:center;font-size:15px;}
#qmsContents .qmsAnswer table th{background:#f37067;border-right:1px solid #f0afab;color:#fff;}
#qmsContents .qmsAnswer table td{background:#fff;}
#qmsContents .qmsAnswer table td:first-child{background:#f6f6f6;}
#qmsContents .qmsAnswer table tbody{border:1px dashed #ff7e78;border-top:0px none;}
#qmsContents .qmsBtn{display:block;height:60px;background:#c5293d;border-radius:10px;text-align:center;line-height:60px;font-weight:bold;color:#fff;font-size:20px;box-shadow:2px 2px 4px #8a8a8a;}
#qmsContents .qmsBtn img{display:inline-block;margin-right:8px;}
#qmsContents .qmsList.type2{margin:20px 260px 0 20px;padding:0 30px 20px;background:#fff;border:2px solid #f37067;border-radius:10px;}
#qmsContents .qmsList.type2 dt b{background:#aaa;}
.qmsPop{margin-left:-287px;width:574px;background:#fff url(/images/kids/sub/bg_qmsPop.png) no-repeat center;border:5px solid #ffad1f;}
.qmsPop.active{top:130px;}
.modalWrap.qmsPop .modalTitle{padding:0;}
.modalWrap.qmsPop .modalTitle .btn_modalClose{width:61px;height:53px;background:url(/images/kids/sub/btn_modalClose_qmsPop.gif) no-repeat;}
.modalWrap.qmsPop .modalContent{text-align:center;}
.modalWrap.qmsPop .modalContent .title{display:block;margin-bottom:20px;font-size:26px;color:#c5293d;}
.modalWrap.qmsPop .modalContent p{padding:20px 0;font-weight:bold;color:#222;line-height:135%;}
.modalWrap.qmsPop .modalContent p span{display:block;padding-top:10px;}
.modalWrap.qmsPop .modalContent p .txtRed{font-size:18px;}
.modalWrap.qmsPop .modalContent .resultArea{display:block;margin:0 auto;padding:20px 10px;width:360px;background:#fff2da;border-radius:15px;font-size:16px;font-weight:bold;box-sizing:border-box;}
.modalWrap.qmsPop .modalContent .resultArea b{display:inline-block;vertical-align:sub;font-size:30px;color:#c92c41;}
.modalWrap.qmsPop .modalContent .resultArea em{display:block;font-size:13px;color:#555;}
/* 동영상*/
.videoView{margin-bottom:50px;}
.videoView:after{display:block;content:'';clear:both;}
.videoView .title{display:block;padding:12px 40px;background:#911b2b;line-height:135%;font-size:20px;font-weight:bold;color:#fff;}
.videoView .title:after{display:block;content:'';clear:both;}
.videoView .title .videoInfo{display:block;float:right;font-size:15px;font-weight:normal;}
.videoView .title .videoInfo .space{display:inline-block;vertical-align:middle;padding:0 15px;}
.videoView .videoArea{float:left;width:730px;height:410px;}
.videoView .videoTxt{float:right;width:470px;height:410px;border-bottom:1px solid #dedede;}
.videoView .videoTxt textarea{padding:25px;width:100%;height:100%;resize:none;border:0px none;box-sizing:border-box;font-size:15px;line-height:175%;}
.videoView .videoTxt textarea .caseNum{text-decoration:underline;color:#911b2b;}
.videoView .videoCon{clear:both;padding:35px;border-bottom:1px solid #8e8e8e;font-size:15px;color:#555;line-height:175%;}


/* 터이야기*/
div.jw section {
	margin: 15px 0;
}

div.jw.lawTextCon section {
	text-align: center;
}

div.jw section.jw_fx {
	display: flex;	
}

div.jw section article {
	padding: 25px;
}

div.jw section article.jw_img_small {
	width: 50%;
	margin: 0 auto;
}

div.jw section.jw_fx article {
	flex-basis: 50%;
}

div.jw .jw_img {
	text-align: center;
}

div.jw.lawTextCon .jw_img img {
	width: 50%;
	height: auto;
}

div.jw.pastStoryCon .jw_img img {
	width: 100%;
	height: auto;
}

div.jw p.jw_caption {
	font-size: 14px;
}

div.jw p.jw_title {
	font-size: 40px;
	font-weight: bold;
    font-family: 'Batang';
}
@media (max-width: 639px) {

	div.jw section.jw_fx {
		display: block;	
	}

	div.jw section article {
		padding: 25px 0;
	}

	div.jw section article.jw_img_small {
		width: 100%;
	}	

}
/*탄생*/

div.jwBirth section {
	margin: 15px 0;
}

div.jwBirth.lawTextCon section {
	text-align: center;
}

div.jwBirth section.jwBirth_fx {
	display: flex;	
}

div.jwBirth section article.jwBirth_img_small {
	width: 50%;
	margin: 0 auto;
}

div.jwBirth section.jwBirth_fx article {
	flex-basis: 50%;
}

div.jwBirth .jwBirth_img {
	text-align: center;
}

div.jwBirth.lawTextCon .jwBirth_img img {
	width: 50%;
	height: auto;
}

div.jwBirth.pastStoryCon .jwBirth_img img {
	width: 100%;
	height: auto;
}

div.jwBirth p.jwBirth_caption {
	font-size: 14px;
}

div.jwBirth p.jwBirth_title {
	font-size: 40px;
	font-weight: bold;
    font-family: 'Batang';
}

@media (max-width: 639px) {

	div.jwBirth section.jwBirth_fx {
		display: block;	
	}

	div.jwBirth section article.jwBirth_img_small {
		width: 100%;
	}

	div.jwBirth.lawTextCon .jwBirth_img img {
		width: 100%;
		height: auto;
	}	

}
/* 헌법송*/
.jw_pc{
	display: block;
}

.jw_m{
	display: none;
}

.jw_pc .jw_btn{
	position: absolute;
	display: inline-block;
	width: 50%;
}

.jw_pc .jw_li .jw_btn img{
	width: 280px;
	height: 140px;
}

.jw_pc .jw_li:nth-child(2n) .jw_btn{
	left: 300px;
	top: -80px;
}

@media all and (max-width:1200px){
	.jw_pc{
		display: none;
	}

	.jw_m{
		display: block;
	}

	.jw_m .jw_li{
		overflow: hidden;
	}

	.jw_m .titleBox{
		margin: 0.5% 0;
		padding: 0;
		border: 0;
		text-align: center;
	}

	.jw_m .jw_btn{
		position: relative;
		display: inline-block;
		width: 100%;
		max-width: 400px;
		left: 0;
		top: 0;
	}
}

@media all and (max-width:639px){
	.jw_m .titleBox{
		margin: 10px 0;
	}
	.jw_m .jw_btn{
		position: relative;
		margin: 0 auto;
		width: 100%;
		height: auto;
		background: none;
		text-indent: 0;
		right: 0;
	}
}
/* ======================================== 반응형 ======================================== */
@media all and (max-width:1200px){
#container{background-position:center 62px !important;}
#subContents{word-break:break-word;}
#subContentsInner{padding-bottom:50px;min-height:auto;}
#subContents .naviBar{display:none;}
.joinWrap .joinForm input, 
.joinWrap .joinForm select{height:35px;}
.joinWrap .joinForm select{padding-right:40px;width:auto !important;}
.btn_m{height:35px;line-height:35px;font-size:14px;}
.btn_l{min-width:100px;height:40px;line-height:36px !important;font-size:16px;}
.btn_l.on{line-height:38px !important;}
.joinWrap .joinTop{padding:0;text-align:center;}
.joinWrap .joinTop ul li{display:inline-block;float:none;text-align:left;}
.joinWrap .joinTop ul li:after{right:15px;}
.joinWrap .joinTop ul li:last-child{padding-right:0;}
.joinWrap .joinBox{padding:20px;}
.joinWrap .joinForm > li{padding-left:0;}
.joinWrap .joinForm .head{position:static;line-height:130%;}
.joinEnd,
.loginBox{padding:350px 0 50px;background-position:center 50px;text-align:center;}
.loginBox input,
.loginBox .btnLogin{margin:0 20% 10px;width:60%;height:50px;line-height:50px;font-size:16px;}
.loginBox ul{margin:0 20%;}
.loginBox ul li{text-align:left;font-size:15px;}
.loginBox ul li a{width:100px;height:35px;line-height:35px;font-size:14px;}
.thumbFlash{margin:-20px 0;}
.thumbFlash > li{max-width:220px;width:auto;}
.capaBox{position:relative;padding:20px;}
.capaBox .capaTop{font-size:16px;}
.capaTest li .col1{padding:0 10px;}
.capaTest li .col1 b{width:120px;height:40px;line-height:40px;font-size:15px;}
.capaTest li .col1 b:before,
.capaTest li .col1 b:after{display:none;}
.capaTest li .col1 .img{margin-left:10px;}
.capaTest li .col1 .img img{margin:0 2px;width:45px;}
.capaTest li .col2,
.capaTest li .col3{font-size:16px;}
.btn_m.line{line-height:33px;}
.bbsSearch select{padding-right:40px;width:auto !important;}
.bbsSearch select, 
.bbsSearch input{font-size:15px;}
.bbsSearch input[type="submit"]{width:100px;background-position:15px center;font-size:16px;}
.visitorList{padding:10px;}
.visitorList > ul > li{padding:20px 0;}
.visitorList .visitorCon .date{position:static;margin-top:5px;font-size:14px;}
.faqList:after{position:static;margin:0 auto;width:300px;height:280px;background-size:100% auto;}
.frameSlider{margin:50px 0 0;padding:0 70px;}
.frameSlider .slick-slide{margin:0 10px;}
.frameSlider .slick-arrow{border-radius:30px;}
.frameSlider .slick-prev{left:0;}
.frameSlider .slick-next{right:0;}
.frameSlider div .img{box-shadow:none;}
.modalWrap{left:2%;right:2%;margin:0 !important;width:auto !important;}
.thumbList ul{padding:20px 0;}
.thumbList ul li{width:33.3333%;}
.thumbList ul li a{padding:25px 15px;}
.thumbList ul li .img{margin:15px auto 0;max-width:320px;width:auto;}
.thumbList ul li .title{margin-bottom:5px;font-size:16px;}
.thumbView .titleArea .caseInfo{float:none;display:block;margin-top:5px;text-align:right;}

.musicList .titleBox{width:50%;}
.musicList .musicBox{left:51%;width:auto;}
/* .musicList .titleBox{padding:30px 115px 30px 10px;height:auto;line-height:130%;} */
.musicList .titleBox .title{font-size:16px;}
/* .musicList .titleBox .btnPlayer{right:10px;} */
.musicList .titleBox .jp-duration{top:50%;margin-top:-9px;bottom:inherit;right:70px;font-size:14px;line-height:130%;}
.musicList .musicBox .title{font-size:22px;}
.musicList .musicBox .jp-current-time, 
.musicList .musicBox .jp-duration{font-size:14px;}
.musicList .musicBox .jp-bar-wrap{margin:20px;max-width:430px;width:auto;}
.musicLyrics{padding:25px 20px;font-size:15px;}
.topIconBox.type2 p{font-size:20px;}
.lawInfoList{padding:0;}
.lawInfoList > div{margin-left:0 !important;width:auto;}
.lawInfoList:after{display:none;}
.lawTextCon.bg1{padding-right:35%;background-size:34% auto;}
.lawTextCon.bg2{padding-left:36%;background-size:34% auto;background-position:left top;}
.topIconBox.bg1{min-height:auto;background:none;}
.lawTextCon b{font-size:18px;}
.roundItem{margin:0;}
.roundItem:after,
.roundItem ul:before,
.roundItem ul:after{display:none;}
.roundItem li{margin:0 3px 8px;padding-top:20px;width:130px;height:130px;}
.roundItem li b{font-size:17px;margin-top:36px;}
.courtPhotoList{margin-bottom:20px;padding:0;}
.courtPhotoList ul li .title{padding:15px 0 5px;}
.pastStoryCon{position:static;padding:0;}
.pastStoryCon:after{display:none;}
.timeInfoBox{display:block;padding:25px;}
.timeInfoBox .icon{padding-right:10px;}
.timeInfoBox .title{padding-right:15px;font-size:18px;}
.timeInfoBox .desc{font-size:15px;}
.timeInfoBox .btnItem{display:block;}
.qmsPop{left:50%;right:inherit;margin-left:-287px !important;width:574px !important;}
.videoView .videoArea{float:none;width:auto;}
.videoView .videoArea img{width:100%;}
.videoView .videoTxt{float:none;width:auto;}

}

@media all and (max-width:1000px){
#qmsContents .qmsInfo{padding:0 20px;}
#qmsContents .qmsInfo li{font-size:14px;}
#qmsContents .qmsInfo li:first-child{margin-right:15px;}
}

/* Tablet */
@media all and (min-width:640px) and (max-width:1200px){
#subContents h3{font-size:30px;}
#subContents h4{font-size:22px;}
.topInfoBox{padding:25px;}
.topIconBox p{font-size:20px;}
.joinWrap .joinTop ul li{padding:20px 50px 0 80px;width:200px;background-size:70px auto;font-size:18px;}
.topRightBtn{margin-top:-10px;}
.topRightBtn.type2{margin-top:-50px;}
.visitorWrite .topWriteBox textarea{width:450px;}
.visitorWrite .topWriteBox a{width:100px;font-size:16px;}
.visitorList .visitorCon{padding-left:100px;}
.faqList ul li{margin:28px 1%;width:48%;}
.faqList ul li .quest{font-size:16px;}
.faqList ul li .answer{font-size:15px;}
.tableBox table.list thead th,
.tableBox table.list td{font-size:15px;}
.frameWrap .frameBox{margin:0 auto;padding-top:38px;width:600px;height:300px;background-size:100% auto !important;background-position:center top !important;}
.frameWrap .frameBox .frameArea{width:340px;height:190px;}
.frameWrap .frameBox.type2 .frameArea{padding-right:12px;}
.cartoonSlider .bx-prev{left:-70px;}
.cartoonSlider .bx-next{right:-70px;}
.bookList.type2 ul li{float:left;padding:50px 5px 0;width:50%;}
.bookList.type2 ul li .title{font-size:18px;}
.flashList.type2 ul li{float:left;padding:50px 5px 0;width:50%;}
.flashList.type2 ul li .title{font-size:18px;}	
.flashGameBox .gameCon dl{margin-right:120px;}
.courtPhotoList ul{margin:-15px -10px 0;}
.courtPhotoList ul li{padding:15px 10px;width:50%;}
.bookList ul li{padding-top:25px;width:50%;}
.bookList ul li > div{padding:20px;}
.bookList ul li .title{font-size:17px;}
.flashList ul li{padding-top:25px;width:50%;}
.flashList ul li > div{padding:20px;}
.flashList ul li .title{font-size:17px;}
.thumbList.type3 ul li{padding:30px 10px;}
.thumbList.type4 ul li{padding:30px 10px;}
.videoView .title{padding:12px;font-size:18px;}
}

/* Phone */
@media all and (max-width:639px){
#container{background-size:100% 150px !important;}
#subTitle{padding-top:30px;height:140px;}
#subTitle h2{font-size:20px;font-weight:500;}
#subTitle h2 span{display:block;}
#subTitle p{display:none;}
#subContents h3{padding-bottom:20px;font-size:27px;}
#subContents h4{margin:20px 0 10px;font-size:20px;}
#subContents h5{margin:25px 0 10px;font-size:18px;}
#subContents .h5Content{margin-bottom:25px;}
#container.bg1{background:url(/images/kids/sub/bg_container1_phone.jpg) no-repeat center top;}
#container.bg2{background:url(/images/kids/sub/bg_container2_phone.jpg) no-repeat center top;}
#container.bg3{background:url(/images/kids/sub/bg_container3_phone.jpg) no-repeat center top;}
#container.bg4{background:url(/images/kids/sub/bg_container4_phone.jpg) no-repeat center top;}
#container.bg5{background:url(/images/kids/sub/bg_container5_phone.jpg) no-repeat center top;}
.topIconBox .icon{display:block;margin:0 auto 10px;}
.topIconBox p{padding:0 10%;font-size:18px;text-align:center;word-break:keep-all;}
.joinWrap .joinTop{margin-bottom:15px;}
.joinWrap .joinTop ul{text-align:center;}
.joinWrap .joinTop ul li{display:inline-block;float:none;padding-top:15px;padding-left:50px;width:105px;min-height:60px;background-size:45px auto;font-size:14px;}
.joinWrap .joinTop ul li em{font-size:13px;}
.joinWrap .joinTop ul li:after{display:none;}
.joinWrap .joinBox{padding:20px 3%;}
.joinWrap .joinForm .head{font-size:15px;}
.joinWrap .joinForm input, 
.joinWrap .joinForm select{font-size:13px;}
.inputInfo{font-size:14px;}
.btnArea{margin:20px 0;}
.btn_l{padding:0 10px;min-width:80px;font-size:14px;}
.joinWrap .joinForm .btn_m{margin-left:5px;}
.agreeBox .agreeCon textarea{padding:20px 5%;font-size:14px;line-height:140%;}
.agreeInput{font-size:14px;}
.joinEnd,
.loginBox{padding:180px 0 30px;background-position:center 30px;background-size:280px auto;}
.loginBox{padding-top:220px;}
.joinEnd p{margin-bottom:20px;font-size:18px;}
.joinEnd p br{display:none;}
.loginBox input, 
.loginBox .btnLogin{margin:0 0 10px;width:100%;font-size:14px;}
.loginBox ul{margin:0;}
.loginBox ul li{background-position:left 7px !important;font-size:14px;}
.loginBox ul li a{float:none;}
.topIconBox{margin-bottom:20px !important;}
.topRightBtn{margin-top:-15px;}
.topInfoBox{margin-bottom:25px;padding:20px 5%;}
.topInfoBox p{font-size:15px;}
.btn_s{padding:0 12px;font-size:14px;}
.thumbFlash{margin:0;text-align:center;}
.thumbFlash > li{display:inline-block;float:none;padding:10px 5px;}
.thumbFlash > li .check{text-align:left;font-size:14px;}
.topRightBtn{float:none;margin:0 0 8px !important;}
.capaBox .capaTop{font-size:14px;}
.capaBox .col1{width:45%;}
.capaBox .col3{width:40%;}
.capaTest li .col1{padding:10px 2px;text-align:center;}
.capaTest li .col1 b{display:block;margin:0 auto;width:100px;height:35px;line-height:35px;font-size:14px;}
.capaTest li .col1 .img{margin-left:5px;margin-top:5px;}
.capaTest li .col1 .img img{width:35px;}
.capaTest li span{height:100px;line-height:130%;}
.capaBox .score{line-height:100px;}
.capaTest li .col2, 
.capaTest li .col3{font-size:14px;}
.capaTest li .col3{padding-top:30px;}
.visitorWrite .topWriteBox{padding:20px 2%;}
.visitorWrite .topWriteBox textarea{display:block;margin:0 0 10px;padding:10px;width:100%;height:100px;font-size:14px;}
.visitorWrite .topWriteBox a{display:block;width:auto;height:40px;line-height:40px;font-size:15px;}
.bbsSearch{text-align:left;}
.bbsSearch select, 
.bbsSearch input{height:40px;font-size:14px;}
.bbsSearch input[type="submit"]{margin:2px 4px;height:40px;}
.visitorList .visitorCon{padding-left:50px;background-size:40px auto;}
.visitorList .visitorCon .bubble,
.visitorList .replyCon .bubble{padding:20px 15px;}
.visitorList .visitorCon .bubble:after,
.visitorList .replyCon .bubble:after{display:none;}
.visitorList .visitorCon .email,
.visitorList .visitorCon .name{font-size:17px;}
.visitorList .visitorCon .school{display:block;margin:5px 0 0;font-size:14px;}
.visitorList .visitorCon .txtCon,
.visitorList .replyCon .txtCon{padding-top:10px;font-size:14px;}
.visitorList .replyCon{padding-right:50px;background-size:40px auto;}
.visitorList .replyCon .txtCon{padding-top:0;}
.visitorList .replyCon .date{font-size:14px;}
.faqList ul li{float:none;margin:30px 0;width:auto;height:auto;}
.faqList ul li .num{top:-20px;height:40px;line-height:40px;font-size:20px;}
.faqList ul li .quest{font-size:16px;}
.faqList ul li .answer{font-size:14px;}
.tableBox{margin-bottom:10px;}
.tableBox table.list thead th,
.tableBox table.list td{padding:10px 3px;font-size:14px;}
.paging{padding:20px 0;}
.paging a{width:36px;height:36px;line-height:36px;}
.paging .num{display:none;}
.mobilePaging{display:inline-block;vertical-align:middle;margin:0 10px;font-size:14px;line-height:36px;}
.mobilePaging .curr{display:inline-block;width:36px;height:36px;background:#c92c41;border-radius:18px;color:#fff;font-weight:normal;}
.mobilePaging em{display:inline-block;padding:0 5px;}
/* mobilePaging만 보이도록.. next last.. 버튼 안보이게 수정 20201118 lsi */
.paging > a.next, .paging > a.last, .paging > a.first, .paging > a.prev{display:none;}
.mobilePaging{display:inline-block;vertical-align:middle;margin:0 10px;font-size:14px;line-height:36px;}
.mobilePaging .curr{display:inline-block;width:36px;height:36px;background:#911b2b;color:#fff;font-weight:normal;}
.mobilePaging em{display:inline-block;padding:0 5px;}
.privacyCon{padding:20px 5%;}
.privacyCon dt{font-size:16px;}
.privacyCon dd{font-size:15px;line-height:150%;}
.privacyCon dd + dt{margin-top:15px;}
.frameWrap .title{margin-bottom:15px;padding-bottom:10px;width:auto;height:auto !important;background-position:center bottom;line-height:140%;font-size:20px;}
.frameWrap .frameBox{padding-top:20px;height:auto;background:none !important;}
.frameWrap .frameBox .frameArea{width:auto;height:auto;}
.frameWrap .frameBox .frameArea iframe{width:100% !important;}
.frameSlider{padding:0 30px;}
.frameSlider .slick-arrow{top:120px;width:30px;height:30px;background-size:100% auto;}
.frameSlider .slick-slide{margin:0 10px;}
.frameSlider div a{font-size:16px;}
.tabBar li{margin:0 .5%;width:160px;}
.tabBar li a{height:50px;line-height:50px;font-size:16px;text-indent:0 !important;}
.cartoonList a,
.bookList ul li .btn_bookList,
.flashList ul li .btn_bookList,
.btnGoPop{width:150px;height:40px;background-position:25px center;line-height:40px;font-size:16px;}
.modalWrap .modalTitle{padding:15px 20px;}
.modalWrap .modalTitle h2 img{width:150px;}
.modalWrap .modalContent{padding:0 20px 20px;}
.cartoonSlider{margin:0 30px;}
.cartoonSlider .bx-controls-direction a{width:30px;height:30px;background-size:100% auto;}
.cartoonSlider .bx-prev{left:-35px;}
.cartoonSlider .bx-next{right:-35px;}
.thumbView .titleArea{padding:15px;}
.thumbView .titleArea .title{font-size:17px;line-height:140%;}
.thumbView .titleArea .date{float:none;margin-top:5px;text-align:right;font-size:15px;}
.thumbView .attach{padding:15px;}
.thumbView .attach .fileDown{padding:5px 0 5px 38px;line-height:135%;font-size:14px;}
.thumbView .viewCon{padding:20px 15px;min-height:200px;font-size:15px;line-height:150%;}
.moveList li{padding:12px 10px 12px 95px;font-size:15px;}
.moveList li b{left:10px;margin-top:-8px;padding-right:25px;font-weight:500;}
.thumbList ul{padding:0;}
.thumbList ul li{float:none;width:auto;border-bottom:1px solid #d7d7d7;}
.thumbList ul li a:hover{border:0px none;}
.thumbView .titleArea .caseInfo{font-size:14px;letter-spacing:-.5px;}
.thumbView .titleArea .caseInfo b{font-weight:500;}
.thumbView .titleArea .caseInfo em{margin:0 5px;width:5px;}
.thumbView .desc{padding:15px;font-size:14px;line-height:150%;}
.bookList ul li{padding:50px 10px 0;width:auto;}
.bookList ul li > div{padding:20px 10px 20px;}
.bookList ul li .num{font-size:20px;}
.bookList ul li .img{margin-bottom:15px;}
.bookList.type2 ul li{margin-bottom:20px;}
.bookList.type2 ul li > div{height:auto;}
.bookList.type2 ul li .title{font-size:18px;}
.bookList.type2 ul li a{position:static;margin:0 auto;}
.bookList.type2:after{display:none;}
.flashList ul li{padding:50px 10px 0;width:auto;}
.flashList ul li > div{padding:20px 10px 20px;}
.flashList ul li .num{font-size:20px;}
.flashList ul li .img{margin-bottom:15px;}
.flashList.type2 ul li{margin-bottom:20px;}
.flashList.type2 ul li > div{height:auto;}
.flashList.type2 ul li .title{font-size:18px;}
.flashList.type2 ul li a{position:static;margin:0 auto;}
.flashList.type2:after{display:none;}
.flashList.type3:after{display:none;}
.flashGameBox .title{font-size:20px;}
.flashGameBox .gameCon{padding:50px 10px 20px;}
.flashGameBox .gameCon .img{position:static;margin-bottom:15px;text-align:center;}
.flashGameBox .gameCon dl{margin:0;}
.flashGameBox .gameCon dl dt{margin-bottom:5px;font-size:16px;}
.flashGameBox .gameCon dl dd{font-size:15px;}
.flashGameBox .gameCon .btnStart{position:static;margin:10px auto 0;font-size:16px;}
.musicList .titleBox{width:auto;}
.musicList .musicBox{position:static;margin-top:20px;}
.musicList .musicBox .title{padding-top:180px;background-position:center top;font-size:18px;}
.musicLyrics{height:100px;overflow-y:auto;}
.frameWrap .title .txtBig{font-size:25px;}
.frameWrap .title .txtSmall{font-size:18px;}
.lawInfoList .subject{font-size:17px;}
.lawInfoList div p{font-size:15px;}
.topIconBox.type2 p{font-size:18px;}
.topIconBox p .dot:after{display:none;}
.lawTextCon b{font-size:17px;}
.lawTextCon p{margin-bottom:25px;font-size:15px;}
.lawTextCon.bg1,
.lawTextCon.bg2{padding:0;background:none;}
.botRoundBox{margin-top:50px;padding:30px 20px;}
.botRoundBox .title{width:100px;height:40px;line-height:40px;font-size:17px;}
.botRoundBox p{font-size:15px;}
.cartoonRoundBox{margin-top:50px;padding:30px 20px;}
.cartoonRoundBox .main_title{width:165px;height:40px;line-height:40px;font-size:17px;}
.viewCartoon ul li{padding:20px;}
.viewCartoon ul li .subject{font-size:18px;}
.viewCartoon ul li p{font-size:15px;}
.viewCartoon ul li a{position:static;margin:8px auto 0;width:145px;height:40px;background-position:20px center;line-height:40px;font-size:15px;}
.btnGoPop.type2{width:145px;height:40px;background-position:20px center;line-height:40px;font-size:15px;}
.btnGoPop.type3{width:165px;height:40px;background-position:20px center;line-height:40px;font-size:15px;}
.courtPhotoList ul li{float:none;width:auto;}
.courtPhotoList ul li > div{padding-bottom:15px;height:auto;}
.courtPhotoList ul li .title{font-size:20px;}
.courtPhotoList ul li p{padding:0 20px;font-size:15px;}
.pastStoryCon b{font-size:20px;}
.pastStoryCon b em{font-size:24px;}
.pastStoryCon p{font-size:15px;}
.pastStoryCon p + p{margin-top:10px;}
.timeInfoBox .icon{display:block;}
.timeInfoBox .title{display:block;margin-bottom:5px;}
.timeInfoBox .btnItem{margin-top:10px;text-align:center;}
.timeInfoBox a{margin:0 2px;width:130px !important;}
.locationInfo{position:static;padding:20px 15px;width:auto;height:160px;border-radius:0;}
.locationInfo .title{font-size:18px;}
.locationInfo > p{font-size:14px;}
.h5Content .listCon > li{font-size:15px !important;}
.locationBox{height:auto;}
.bookList ul li{float:none;margin:0 auto 25px;padding-top:25px;max-width:400px;width:auto;}
.flashList ul li{float:none;margin:0 auto 25px;padding-top:25px;max-width:400px;width:auto;}
#qmsTop{height:70px;}
#qmsTop h1{margin:5px;margin-left:3%;}
#qmsTop h1 img{width:110px;}
#qmsTop h2{display:block;padding-left:3%;border-left:0px none;font-size:14px;}
#qmsTop .levelItem{top:10px;padding:0 5px 0 15px;width:150px;height:50px;border-top-left-radius:25px;border-bottom-left-radius:25px;box-sizing:border-box;}
#qmsTop .levelItem > b{margin-right:5px;font-size:14px;line-height:50px;}
#qmsTop .levelItem .level{margin:0;}
#qmsTop .levelItem .level img{width:25px;}
#qmsContents .qmsInfo{padding:15px 3%;height:auto;}
#qmsContents .qmsInfo li{float:none;padding:2px 0 2px 22px;line-height:150%;}
#qmsContents .qmsInfo li:last-child{float:none;}
#qmsContents .qmsList{margin:0;padding:10px 3%;}
#qmsContents .qmsList.type2{margin:10px 3%;}
#qmsContents .qmsList dt{font-size:15px;line-height:135%;}
#qmsContents .qmsList dt b{display:block;margin-bottom:5px;}
#qmsContents .qmsList dd{margin-left:3%;padding-left:30px;}
#qmsContents .qmsRight{position:static;margin:0 3%;width:auto;}
.qmsPop{left:3%;right:3%;margin-left:0 !important;width:auto !important;}
.modalWrap.qmsPop .modalContent .resultArea{max-width:320px;width:auto;}
.thumbList.type3 ul li{padding:15px 10px;width:auto;}
.thumbList.type4 ul li{padding:15px 10px;width:auto;}
.videoView .title{padding:12px 5%;font-size:17px;}
.videoView .videoArea{height:200px;}
.videoView .videoTxt{height:200px;}
.videoView .videoTxt textarea{padding:20px 5%;font-size:14px;}
.videoView .title .videoInfo{margin-top:5px;float:none !important;}
.videoView .videoCon{padding:20px 5%;font-size:14px;}
.lawInfoList .type4{margin-left:1px;}
}