@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.why .top-con{text-align:center;padding-bottom:190px;}
.why .top-con .tit{color: #05301f;margin-bottom:80px;font-size:60px;font-weight:900;letter-spacing:-.025em;line-height:1.2em;}
.why .content .row{background-color: #afd2c4;padding:90px 0 100px;}
.why .content .row .contain{display:flex;justify-content:space-between;}
.why .content .row .img{max-width:580px;width:100%;margin-top:-150px;position:relative;margin-right:60px;}
.why .content .row .tt-wrap{min-width:0;width:1%;flex:1 1 auto;text-align:right;}
.why .content .row .tt-wrap .tit{font-family: 'GmarketSans';font-weight:700;font-size:40px;line-height:1.3em;margin-bottom:15px;letter-spacing:-.05em;}
.why .content .row .tt-wrap p{font-size:22px;line-height:1.636em;color: #555;letter-spacing:-.05em;font-weight:300;}
.why .content .row .tt-wrap p strong{font-size:24px;}
.why .content .row:nth-child(even) .contain{flex-direction:row-reverse;}
.why .content .row:nth-child(even) .img{margin-right:0;margin-left:60px;}
.why .content .row:nth-child(even) .tt-wrap{text-align:left;}
.why .content .row.type2{background:url('../images/sub/why_bg1.jpg')no-repeat 50% 50%/cover;color: #fff;padding-bottom:190px;}
.why .content .row.type2 .tt-wrap p{color: #fff;}
.why .content .row.type3{background-color: #d3d0bd;color: #635f4a;}
.why .content .row.type3 .tt-wrap p{color: #635f4a;}
.why .content .row.type4{background-color: #fff;padding-bottom:0;}
.why .content .row.type4 .img{margin-top:0;}
.why .content .row.type4 .tt-wrap .tit{color: #a79e77;}
.why .content .row.type4 .tt-wrap p{color: #333;}
.why .content .row.type4 .tt-wrap p strong{color: #a79e77;}

.msg{display:flex;}
.msg .img{width:545px;margin-right:70px;}
.msg .tt-wrap{min-width:0;width:1%;flex:1 1 auto;}
.msg .tt-wrap p{font-size:17px;line-height:1.647em;margin-bottom:27px;}
.msg .tt-wrap p:last-child{margin-bottom:0;}

.tchs ul{display:flex;margin:0 -20px -55px;flex-wrap:wrap;}
.tchs ul li{width:25%;padding:0 20px;margin-bottom:55px;}
.tchs ul li .box{position:relative;margin-bottom:15px;}
.tchs ul li .box:after{content:'';width:100%;height:100%;border:1px solid #ddd;position: absolute;left:0;top:0;}
.tchs ul li .box .img{position:relative;z-index:2;transition:.3s;}
.tchs ul li .box .img.active{opacity:0;z-index:0;}
.tchs ul li .box .img .pic {position:relative; height:0; padding-bottom:109.376%; overflow:hidden;}
.tchs ul li .box .img .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.tchs ul li .box .txt{position: absolute;left:0;top:0;right:0;bottom:0;padding:18px 13px;z-index:1;}
.tchs ul li .box .txt .inner{overflow-y: scroll;height:100%;padding-right:15px;}
.tchs ul li .box .txt .inner::-webkit-scrollbar{background-color: #ddd;width:10px;border-radius:5px;}
.tchs ul li .box .txt .inner::-webkit-scrollbar-thumb{background-color: #244834;border-radius:5px;}
.tchs ul li .box .txt .inner::-webkit-scrollbar-track{background-color: #ddd;border-radius:5px;}
.tchs ul li .box .txt .inner p{font-size:18px;line-height:1.556em;}
.tchs ul li .btm{display:flex;justify-content:space-between;align-items:center;}
.tchs ul li .btm .name-wrap{margin-right:20px;min-width:0;width:1%;flex:1 1 auto;}
.tchs ul li .btm .name-wrap .name{font-size:20px;font-weight:700;line-height:1.4em;margin-bottom:5px;}
.tchs ul li .btm .name-wrap .ctry{font-size:18px;color: #555;line-height:1.2em;}
.tchs ul li .btm .btn-txt{width:42px;height:42px;background-color: #005c38;display:flex;justify-content:center;align-items:center;border-radius:50%;}

.location .maps{margin-bottom:55px;}
.location .maps .root_daum_roughmap {width:100% !important; height:600px !important;}
.location .maps .root_daum_roughmap .wrap_map {height:600px !important;}
.location .maps .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.location .maps .roughmap_lebel_text:after {content:"킹스키즈어학원"; font-size:12px; line-height:15px;}
.location .info{display:flex;justify-content:center;}
.location .info .inner{display:flex;}
.location .info .inner dl{padding-left:100px;margin-right:60px;position:relative;}
.location .info .inner dl:before{content:'';width:75px;height:75px;border-radius:50%;background:#285342 url('../images/sub/ic_adr.png')no-repeat 50% 50%/34px;position: absolute;left:0;top:50%;margin-top:-33px;}
.location .info .inner dl.type2:before{background-image:url('../images/sub/ic_tel.png');}
.location .info .inner dl.type3:before{background-image:url('../images/sub/ic_fax.png');}
.location .info .inner dl:last-child{margin-right:0;}
.location .info .inner dl dt{font-size:20px;font-weight:700;line-height:1.4em;margin-bottom:5px;}
.location .info .inner dl dd{font-size:18px;color: #555;line-height:1.4em;}

.resi .content{margin-bottom:80px;}
.resi .content:last-child{margin-bottom:0;}
.resi .content .tit-wrap{display:flex;align-items:flex-end;margin-bottom:45px;}
.resi .content .tit-wrap h3{font-size:30px;font-weight:700;color: #0d3828;line-height:1.4em;}
.resi .content .tit-wrap .kr{margin-left:23px;padding-left:23px;position:relative;font-size:24px;font-weight:700;line-height:1.6em;color: #999;}
.resi .content .tit-wrap .kr:before{content:'';width:1px;height:20px;background-color: #ddd;position: absolute;left:0;top:50%;transform:translateY(-50%);}
.resi .content .process{display:flex;margin:0 -20px;}
.resi .content .process>li{width:25%;padding:0 20px;border-right:1px dashed #ddd;padding-bottom:60px;}
.resi .content .process>li:last-child{border-right:none;}
.resi .content .process>li .ic{text-align:center;margin-bottom:30px;}
.resi .content .process>li .tit{font-size:24px;font-weight:700;margin-bottom:15px;}
.resi .content .process>li .tit span{margin-left:12px;font-size:16px;font-weight:700;color: #999;}
.bar-list li{position:relative;padding-left:15px;font-size:17px;line-height:1.647em;color: #555;}
.bar-list li:before{content:'';width:5px;height:1px;background-color: #555;position: absolute;left:0;top:12px;}
.table01 table{border-spacing:0;width:100%;border-top:2px solid #659965;border-bottom:1px solid #dbdbdb;font-size:17px;line-height:1.412em;}
.table01 table thead th{border-bottom:1px solid #000;color: #333;font-weight:700;}
.table01 table td{text-align:center;}
.table01 table th,
.table01 table td{padding:20px 10px;}
.resi .content .notice{line-height:1.3em;padding-left:15px;margin-top:15px;color: #333;}
.resi .content .tit-wrap2{display:flex;align-items:flex-end;margin-bottom:30px;}
.resi .content .tit-wrap2 h3{position:relative;font-size:24px;font-weight:700;color: #005c38;margin-right:20px;padding-left:16px;}
.resi .content .tit-wrap2 h3:before{content:'';width:4px;height:20px;background-color: #005c38;position: absolute;left:0;top:3px;}
.resi .content .tit-wrap2 span{color: #999;line-height:1.2em;}
.dot-list li{position:relative;padding-left:10px;line-height:1.75em;}
.dot-list li:before{content:'';width:3px;height:3px;background-color: #005c38;border-radius:50%;position: absolute;left:0;top:11px;}

.table01.type2 table{border-bottom:none;}
.table01.type2 table th{text-align:left;padding-left:55px;border-right:1px solid #ddd;}
.table01.type2 table td{text-align:left;padding:10px 35px;}
.table01.type2 table th,
.table01.type2 table td{border-bottom:1px solid #ddd;}
.table01.type2 table td .radiobox{margin-right:35px;}
.table01.type2 table td .radiobox:last-child{margin-right:0;}

.res .con.step2 .table01{margin-bottom:50px;}

.bus .select{background-color: #f3f3f3;border-radius:15px;display:flex;justify-content:center;padding:20px 15px;margin-bottom:100px;}
.bus .select .inner{display:flex;max-width:590px;width:100%;align-items:center;}
.bus .select .inner .tit{width:75px;color: #000;font-size:17px;font-weight:500;}
.bus .select .inner .input{min-width:0;width:1%;flex:1 1 auto;}
.bus .bus-con{display:flex;justify-content:space-between;}
.bus .bus-con .bus-img{padding:0 30px;margin-right:40px;}
.bus .bus-con .line-img{padding-top:110px;}

.faq-list{border-top:1px dashed #ddd;}
.faq-list .row{padding:45px 0 30px;border-bottom:1px dashed #ddd;}
.faq-list .row .tit{padding-left:55px;position:relative;font-size:24px;font-weight:700;line-height:1.4em;margin-bottom:20px;}
.faq-list .row .tit:before{content:'';width:37px;height:40px;background:url('../images/sub/q.png')no-repeat 0 50%/contain;position: absolute;left:0;top:-4px;}
.faq-list .row .wrap{padding-left:55px;}
.faq-list .row .wrap p{font-size:18px;line-height:1.556em;font-weight:500;margin-bottom:20px;}
.faq-list .row .wrap p:last-child{margin-bottom:0;}

.doc-top-con{margin-bottom:100px;}
.kinder ul{display:flex;margin:0 -20px;align-items:flex-end;}
.kinder ul li{width:33.3333%;padding:0 20px;}
.kinder ul li .box{background:url('../images/sub/kinder_bg1.jpg')no-repeat 100% 20%/cover;border-radius:60px;padding:35px 50px 175px;}
.kinder ul li .box .year{color: #9dbdc6;font-size:24px;font-family: 'GmarketSans';letter-spacing:-.05em;line-height:1.2em;font-weight:700;}
.kinder ul li .box .year strong{font-size:60px;margin-right:10px;line-height:1.2em;color: #457c8b;}
.kinder ul li .box .wrap p{line-height:1.5em;}
.kinder ul li .arr{text-align:right;margin-top:-195px;}
.kinder ul li.type2 .box{background-image:url('../images/sub/kinder_bg2.jpg');}
.kinder ul li.type2 .box .year{color: #d1caac;}
.kinder ul li.type2 .box .year strong{color: #8b8362;}
.kinder ul li.type3 .box{background-image:url('../images/sub/kinder_bg3.jpg');}
.kinder ul li.type3 .box .year{color: #81a195;}
.kinder ul li.type3 .box .year strong{color: #418067;}

.ele .tit{text-align:center;color: #0d3828;font-size:30px;font-weight:700;line-height:1.2em;margin-bottom:60px;}
.ele .cnt .row{display:flex;margin:0 -20px 20px;justify-content:center;}
.ele .cnt .row:last-child{margin-bottom:0;} 
.ele .cnt .row .col{width:33.3333%;padding:0 20px;}
.ele .cnt .row .col .box{min-height:220px;display:flex;justify-content:center;align-items:center;text-align:center;padding:0 20px;background-color: #ebfbf5;border-radius:60px;}
.ele .cnt .row .col .box.type2{background-color:#e8f2f5;}
.ele .cnt .row .col .box.type3{background-color:#fbf8ed;}
.ele .cnt .row .col .box.type4{background-color:#edf1f3;}
.ele .cnt .row .col .box.type5{background-color:#f3edfb;}
.ele .cnt .row .col .box.type6{background-color:#f5eee8;}
.ele .cnt .row .col .box p{font-size:18px;line-height:1.444em;font-weight:500;color: #0d3828;}

.lib .top-con{margin-bottom:85px;}
.lib .top-con .img{margin-bottom:40px;}
.lib .top-con .tt-wrap{padding:0 45px;}
.lib .top-con .tt-wrap .tt{font-size:20px;line-height:1.4em;font-weight:600;margin-bottom:30px;}
.lib .top-con .tt-wrap ol li{position:relative;padding-left:40px;font-size:17px;line-height:1.4em;margin-bottom:10px;}
.lib .top-con .tt-wrap ol li:last-child{margin-bottom:0;}
.lib .top-con .tt-wrap ol li .num{font-weight:700;font-size:16px;font-family: 'GmarketSans';width:28px;height:28px;background-color: #05301f;color: #fff;display:flex;justify-content:center;align-items:center;border-radius:50%;line-height:1em;padding-top:4px;position: absolute;left:0;top:-4px;}
.lib .btm-con .row{display:flex;margin-bottom:80px;}
.lib .btm-con .row:last-child{margin-bottom:0;}
.lib .btm-con .row .img{width:500px;margin-right:60px;}
.lib .btm-con .row .tt-wrap{min-width:0;width:1%;flex:1 1 auto;}
.lib .btm-con .row .tt-wrap .tit-wrap{display:flex;align-items:center;margin-bottom:25px;}
.lib .btm-con .row .tt-wrap .tit-wrap .tit{color: #555;font-size:28px;font-weight:700;line-height:1.2em;margin-right:30px;}
.lib .btm-con .row .tt-wrap .tit-wrap .logo{display:flex;align-items:center;}
.lib .btm-con .row .tt-wrap .tit-wrap .logo img{margin-right:10px;}
.lib .btm-con .row .tt-wrap .tit-wrap .logo.type2 img{padding-bottom:10px;}
.lib .btm-con .row .tt-wrap .tit-wrap .logo .btn-go{font-size:14px;display:flex;justify-content:center;align-items:center;color: #fff;font-size:14px;font-weight:700;width:26px;height:26px;border-radius:50%;background-color: #143925;}
.lib .btm-con .row .tt-wrap .wrap p{font-size:17px;line-height:1.529em;margin-bottom:25px;}
.lib .btm-con .row .tt-wrap .wrap p:last-child{margin-bottom:0;}

.rec .title{text-align:center;color: #0d3828;font-size:34px;font-weight:700;margin-bottom:50px;}
.rec .content{margin-bottom:80px;}
.rec .content:last-child{margin-bottom:0;}
.rec .rec-tit{font-size:30px;color: #0d3828;font-weight:700;line-height:1.3em;margin-bottom:20px;}
.rec .content .tt-wrap p{margin-bottom:25px;font-size:17px;line-height:1.647em;}
.rec .content .tt-wrap p:last-child{margin-bottom:0;}
.rec .content .step-list{margin-top:50px;}
.rec .content .step-list ul{display:flex;justify-content:center;margin:0 -50px;}
.rec .content .step-list ul li{padding:0 50px;text-align:center;position:relative;}
.rec .content .step-list ul li:after{content:'';width:20px;height:32px;background:url('../images/sub/rec_arr.png')no-repeat 50% 50%/contain;position: absolute;right:-10px;top:77px;}
.rec .content .step-list ul li:last-child:after{display:none;}
.rec .content .step-list ul li p{font-size:18px;font-weight:700;line-height:1.3em;margin-top:20px;}
.rec .rec-tit .sm-tt{margin-left:15px;font-size:20px;font-weight:400;}
.dot-list.type2 li:before{background-color: #555;}

.file-wrap .upload-name{display: inline-block;height: 44px;padding: 0 10px;vertical-align: middle;border: 1px solid #dddddd;position:relative;}
.file-wrap .upload-name:after{content:'';position: absolute;left:0;top:0;right:0;bottom:0;z-index:2;}
.file-wrap label {display: inline-block;padding:10px 33px;color: #fff;vertical-align: middle;background-color: #333333;cursor: pointer;height: 44px;margin-left:0px;margin-right:30px;}
.file-wrap input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}
.file-wrap .file-tt{color: #020303;font-size:17px;display:inline-block;}
.star.type2{opacity:0;}

.table01.type3 table th,
.table01.type3 table td{border-right:1px solid #ddd;}
.table01.type3 table tr th:last-child,
.table01.type3 table tr td:last-child {border-right:0;}

.rec .btm-con{margin-top:50px;}
.rec .btm-con .con{margin-bottom:50px;}
.rec .btm-con .con:last-child{margin-bottom:0;}
.rec .btm-con .rec-tit{display:flex;align-items:center;}
.rec .btm-con .rec-tit .rd-tt{position:relative;margin-right:10px;color: #fff;width:160px;height:45px;background-color: #005c38;line-height:45px;border-radius:15px;text-align:center;}
.rec .btm-con .nt-tt{font-size:17px;line-height:1.529em;color: #999;font-weight:500;margin:15px 0 25px;}
.rec .btm-con .chk-box{background-color: #f2f2f2;border-radius:15px;padding:30px 20px;display:flex;justify-content:center;}
.rec .btm-con .chk-box .inner{display:flex;align-items:center;}
.rec .btm-con .chk-box .inner p{font-size:17px;font-weight:700;margin-right:40px;}
.rec .btm-con .chk-box .inner .chk-wrap label{font-size:17px;font-weight:500;color: #505050;}
.rec .btns{display:flex;justify-content:center;margin-top:50px;}
.rec .btns .btn{display:flex;justify-content:center;align-items:center;margin-right:15px;width:170px;height:60px;border-radius:30px;font-size:18px;font-weight:600;color: #fff;background-color: #005c38;border:none;}
.rec .btns .btn:last-child{margin-right:0;}
.rec .btns .btn.type2{background-color: #333333;}
.btn-leave{margin-top:10px;text-align:right;font-weight:500;}