@charset "utf-8";

.doc-top-txt {color:#000; font-size:20px; line-height:1.65em; letter-spacing:0; margin-bottom:50px;}

.dot-list > li {padding-left:18px; position:relative;}
.dot-list > li:before {content:"·"; position:absolute; top:0; left:0; font-weight:700;}

.hypen-list > li {padding-left:.6em; text-indent:-.6em;}

.hr-line {position:relative; text-align:center; margin:80px 0;}
.hr-line:before {content:""; position:absolute; top:50%; left:0; right:0; border-bottom:1px solid #ccc;}
.hr-line span {position:relative; display:inline-block; padding:0 12px; background:#fff;}

.greeting {display:flex; margin:60px 0 85px;}
.greeting:last-child {margin-bottom:0;}
.greeting .img {width:34%; max-width:430px; margin-right:60px;}
.greeting .img img {border-radius:20px; box-shadow:10px 10px 10px rgba(0,0,0,.1);}
.greeting .cnt {flex:1 1 auto; min-width:0; width:1%; color:#010101; font-size:18px; line-height:1.667em; letter-spacing:-.025em;}
.greeting .cnt .name {font-size:20px; line-height:1.5em;}
.greeting .cnt .bar {width:75px; height:1px; background:#000; margin:25px 0;}

.philosophy .imgs {display:flex; justify-content:space-between; margin:0 -10px 110px;}
.philosophy .imgs .col {padding:0 10px;}
.philosophy .cnt {display:flex; margin:0 -20px;}
.philosophy .cnt .col {width:25%; padding:0 20px;}
.philosophy .cnt h4 {font-size:26px; line-height:1.4em; margin-bottom:10px;}
.philosophy .cnt p {font-size:18px; line-height:1.5em;}

.building-confidence h3 {color:#000; text-align:center; font-size:36px; line-height:1.4em; letter-spacing:-.03em; margin-bottom:100px;}
.building-confidence .wrap {display:flex; align-items:center;}
.building-confidence .img {width:50%; padding:0 90px;}
.building-confidence .cnt {flex:1 1 auto; min-width:0; width:1%;}
.building-confidence .cnt h4 {font-size:26px; line-height:1.4em; margin-bottom:10px;}
.building-confidence .cnt p {font-size:18px; line-height:1.5em;}
.building-confidence .cnt .item {margin-bottom:25px;}
.building-confidence .cnt .item:last-child {margin-bottom:0;}

.root_daum_roughmap {width:100% !important;}

.directions {margin-top:35px; font-size:18px; line-height:1.5em;}
.directions dl {display:flex; align-items:center; padding:14px 33px; border-bottom:1px solid #e2e2e2;}
.directions dt {width:180px; color:#000; font-weight:500; display:flex; align-items:center;}
.directions dt img {margin-right:40px;}
.directions dd {flex:1 1 auto; min-width:0; width:1%;}

.traffic {display:flex; align-items:center; padding:0 30px; margin-top:35px;}
.traffic .ico {margin-right:20px;}

.recruit-top {display:flex; align-items:center; text-align:center; color:#fff; height:356px; margin-bottom:90px; border-radius:15px; background:url("../images/sub/recruit_top.jpg") 50% 50% no-repeat; background-size:cover;}
.recruit-top .inner {width:100%; padding:30px;}
.recruit-top h3 {margin-bottom:18px; font-size:46px; font-weight:200; line-height:1.4em; letter-spacing:0;}
.recruit-top h3 strong {font-weight:700;}
.recruit-top p {font-size:18px; font-weight:300; line-height:1.5em; letter-spacing:0;}

.recruit-process {text-align:center; margin-bottom:105px;}
.recruit-process h3 {position:relative; text-align:center; font-size:26px; line-height:1.4em; margin-bottom:110px;}
.recruit-process h3:before {content:""; position:absolute; top:50%; left:0; right:0; border-bottom:1px solid #000;}
.recruit-process h3 span {position:relative; display:inline-block; padding:0 40px; background:#fff;}

.recruit-contact {font-size:18px; line-height:1.667em; letter-spacing:0;}
.recruit-contact .cnt1 {margin:0 0 40px 30px;}
.recruit-contact .img {text-align:center;}
.recruit-contact .cnt2 {padding:65px 100px; border-radius:15px; background:#f2f2f2;}
.recruit-contact .cnt2 h3 {font-size:26px; line-height:1.4em; margin-bottom:30px;}
.recruit-contact .cnt2 .indent {margin:15px 0 0 18px;}
.recruit-contact .cnt2 .send {margin-bottom:18px;}
.recruit-contact .cnt2 .send a {color:#900021; text-decoration:underline; margin-left:10px;}
.recruit-contact .cnt2 .gray {color:#999; font-size:16px;}

.adm-tit {display:flex; align-items:center; margin-bottom:67px;}
.adm-tit .ico {display:flex; justify-content:center; align-items:center; margin-right:80px; width:142px; height:142px; background:#900021; border-radius:100%;}
.adm-tit .ico.type2 {background:#c94724}
.adm-tit .tit-wrap {flex:1 1 auto; min-width:0; width:1%; display:flex; align-items:center; flex-wrap:wrap;}
.adm-tit .tit-wrap .tit h3 {color:#000; font-size:30px; line-height:1.3em; margin-bottom:7px;}
.adm-tit .tit-wrap .tit h3 .en {margin-left:15px; font-size:13px; font-weight:300; line-height:1.3em; letter-spacing:.8em;}
.adm-tit .tit-wrap .tit p {font-weight:200; font-size:26px; line-height:1.4em;}
.adm-tit .btn {margin-left:44px; display:inline-flex; align-items:center; padding:20px 34px; font-size:22px; font-weight:500; line-height:1.3em; border:1px solid #c2c2c2; border-radius:6px; box-shadow:5px 5px 5px rgba(0,0,0,.1);}
.adm-tit .btn img {margin-right:10px;}

.adm-cnt {margin-bottom:120px; font-size:18px; line-height:1.833em;}
.adm-cnt:last-child {margin-bottom:0;}
.adm-cnt h4 {color:#000; font-size:24px; line-height:1.3em; margin-bottom:30px;}
.adm-cnt h4:before {content:""; display:block; width:50px; height:1px; background:#900021; margin-bottom:15px;}
.adm-cnt .boxs {display:flex; justify-content:space-between; max-width:1251px; margin-bottom:50px;}
.adm-cnt .box {width:31%; max-width:380px; padding:35px; border:1px solid #f5f5f5; border-radius:20px; box-shadow:10px 10px 10px rgba(0,0,0,.1);}
.adm-cnt .box .cal {display:flex; margin-bottom:40px;}
.adm-cnt .box .cal .img {margin-right:25px;}
.adm-cnt .box .cal .img img {box-shadow:10px 10px 10px rgba(0,0,0,.1);}
.adm-cnt .box .cal .txt {font-family:'GmarketSans',sans-serif; color:#000; font-size:20px; line-height:1.3em; font-weight:700;}
.adm-cnt .box .cal .txt .color {display:inline-block; margin-top:7px;}
.adm-cnt .box .tel {margin-bottom:36px; font-size:20px;}
.adm-cnt .box .tel .tt {color:#000; font-size:26px; line-height:1.3em; font-weight:700; margin-bottom:7px;}
.adm-cnt .box .tel .num {font-family:'GmarketSans',sans-serif; font-size:36px; line-height:1.3em; font-weight:700;}
.adm-cnt .box .ex {color:#000;}
.adm-cnt .box.cen {padding:20px; display:flex; justify-content:center; align-items:center;}
.adm-cnt .color {color:#900021;}
.adm-cnt .comment {display:flex; margin-left:20px; margin-bottom:38px; color:#000; font-weight:300;}
.adm-cnt .comment img {vertical-align:middle; margin-top:-.2em;}
.adm-cnt .comment .ico {margin-right:14px;}
.adm-cnt .comment .txt {flex:1 1 auto; min-width:0; width:1%;}
.adm-cnt .comment .arrow {margin-left:8px; margin-right:8px;}
.adm-cnt.type2 h4:before {background:#c94724;}
.adm-cnt.type2 .color {color:#c94724;}

.qa-top {display:flex; align-items:center; margin-bottom:40px; font-size:18px; line-height:1.667em;}
.qa-top .ico {margin-right:80px;}
.qa-top .cnt {flex:1 1 auto; min-width:0; width:1%;}
.qa-top .hypen-list {margin:7px 0 10px;}

.form-contact {display:flex; align-items:center; margin:35px 18px;}
.form-contact .ico {margin-right:22px;}
.form-contact .cnt {flex:1 1 auto; min-width:0; width:1%; font-size:18px; font-weight:500; line-height:1.667em;}

.adm-test {margin-bottom:160px; font-size:18px; line-height:1.556em;}
.adm-test:last-child {margin-bottom:0;}
.adm-test h4 {color:#000; font-size:24px; line-height:1.3em; margin-bottom:35px;}
.adm-test h4:before {content:""; display:block; width:65px; height:1px; background:#900021; margin-bottom:15px;}
.adm-test h4 .en {margin-left:15px; font-size:13px; font-weight:300; line-height:1.3em; letter-spacing:.8em;}

.adm-test-kids {display:flex; justify-content:space-between; align-items:flex-start;}
.adm-test-kids .box {position:relative; width:22%; max-width:290px; border:1px solid #f5f5f5; border-radius:20px; box-shadow:10px 10px 10px rgba(0,0,0,.1);}
.adm-test-kids .box:before {content:""; position:absolute; top:-5px; left:50%; margin-left:-5px; width:10px; height:10px; background:#900021; border-radius:100%;}
.adm-test-kids .tit {margin:0 16px; padding:30px 0 20px; border-bottom:1px dashed #900021; color:#000; font-weight:700; line-height:1.4em; letter-spacing:0;}
.adm-test-kids .tit .year {color:#555; font-family:'GmarketSans',sans-serif; font-size:30px; line-height:1.3em; font-weight:700; margin-bottom:4px;}
.adm-test-kids .tit .year small {font-size:0.667em;}
.adm-test-kids .cnt {padding:30px 16px 20px;}
.adm-test-kids .cnt .ico {margin-bottom:12px;}
.adm-test-kids .cnt2 {color:#fff; background:#900021; padding:16px 16px 22px; border-radius:0 0 20px 20px;}

.adm-test-elementary .cnt1 {padding:70px 30px 55px; margin-bottom:34px; text-align:center; color:#000; background:url("../images/sub/adm_test_bg.jpg") 50% 50% no-repeat; background-size:cover; border:1px solid #f5f5f5; border-radius:20px; box-shadow:10px 10px 10px rgba(0,0,0,.1);}
.adm-test-elementary .cnt1 .tit {font-size:30px; font-weight:700; line-height:1.4em; margin-bottom:50px;}
.adm-test-elementary .cnt1 .items {max-width:860px; margin:0 auto; display:flex; justify-content:space-evenly;}
.adm-test-elementary .cnt1 .items .circle {width:172px; height:172px; display:flex; justify-content:center; align-items:center; padding:10px; font-size:24px; font-weight:700; line-height:1.4em; border:4px solid #c94724; border-radius:100%; background:rgba(255,255,255,.8);}
.adm-test-elementary .cnt2 {margin-left:30px; line-height:1.667em;} 
.adm-test-elementary .cnt2 .txt {margin:50px 0;}
.adm-test-elementary .cnt2 .hour {display:flex; align-items:center; color:#000; font-weight:700;}
.adm-test-elementary .cnt2 .hour .ico {margin-right:32px;}
.adm-test-elementary .cnt2 .hour dt {font-size:24px; line-height:1.4em;}

.intro-program {position:relative; padding:63px 43px; border:1px solid #ccc; border-radius:15px; color:#000; font-size:20px; line-height:1.667em;}
.intro-program .mark {position:absolute; top:-13px; left:50%; margin-left:-37px; width:74px; background:#fff; text-align:center;}
.intro-program .img {text-align:center; margin:85px 0 25px;}

.program-cnt-1 {display:flex;  margin-bottom:95px; color:#000; font-size:20px; line-height:1.65em; letter-spacing:0;}
.program-cnt-1 .txt {width:42%; padding-right:20px;}
.program-cnt-1 .img {width:58%; text-align:right; margin-top:8px;}
.program-cnt-1.mg {margin-bottom:70px;}

.program-cnt-2 {margin-bottom:188px; border-radius:20px; position:relative; height:390px; color:#fff; font-size:20px; line-height:1.65em; letter-spacing:0; padding:55px 50px; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; border:1px solid #f5f5f5; border-radius:20px; box-shadow:10px 10px 10px rgba(0,0,0,.1);}
.program-cnt-2 h3 {font-size:30px; line-height:1.3em; margin-bottom:10px;}
.program-cnt-2 p {max-width:590px; font-weight:300;}
.program-cnt-2 .img {position:absolute; bottom:-90px; left:0; width:100%; text-align:center;}
.program-cnt-2.bg1 {background-image:url("../images/sub/kids_5year_class_bg.jpg");}
.program-cnt-2.bg2 {background-image:url("../images/sub/kids_6year_class_bg.jpg");}
.program-cnt-2.bg3 {background-image:url("../images/sub/kids_7year_class_bg.jpg");}

.program-cnt-3 {text-align:center; margin-bottom:70px; letter-spacing:0;}
.program-cnt-3 h3 {display:inline-block; vertical-align:bottom; position:relative; margin-bottom:-22px; padding:8px 35px; color:#fff; font-size:20px; line-height:1.4em; background:#7a1315; border-radius:30px;}
.program-cnt-3 .box {padding:65px 30px 60px; border:1px solid #ccc; border-radius:15px;}
.program-cnt-3 .box ul {display:flex; justify-content:space-around;}
.program-cnt-3 .box ul li {padding:0 20px; letter-spacing:0;}
.program-cnt-3 .box ul li img {display:block; margin:0 auto 35px;}

.program-cnt-4 {font-size:18px; line-height:1.556em;}
.program-cnt-4 .row {display:flex; flex-wrap:wrap; margin:-25px -20px;}
.program-cnt-4 .col {width:50%; display:flex; padding:25px 20px;}
.program-cnt-4 .img {width:180px; margin-right:30px;}
.program-cnt-4 .txt {flex:1 1 auto; min-width:0; width:1%;}
.program-cnt-4 .txt h4 {color:#000; margin-bottom:12px; font-size:29px; line-height:1.3em;}

.kids-homework {font-size:18px; line-height:1.65em;}
.kids-homework .doc-top-txt {letter-spacing:-.005em;}
.kids-homework .hr-line {margin:45px 0 50px;}
.kids-homework .wrap {display:flex; justify-content:space-between;}
.kids-homework .wrap .col {width:31%; max-width:403px;}
.kids-homework .wrap .img {margin-bottom:35px;}
.kids-homework .wrap2 {display:flex;}
.kids-homework .wrap2 .img {width:45%; max-width:559px; margin-right:80px;}
.kids-homework .wrap2 .cnt {flex:1 1 auto; min-width:0; width:1%; padding-top:10px;}

.elementary-homework {font-size:18px; line-height:1.65em;}
.elementary-homework h3 {color:#000; font-size:28px; line-height:1.45em; margin-bottom:13px;}
.elementary-homework .wrap {display:flex;}
.elementary-homework .wrap .cnt {flex:1 1 auto; min-width:0; width:1%;}
.elementary-homework .wrap .img {width:430px; margin-left:50px;}
.elementary-homework .wrap .img img {border-radius:20px; box-shadow:10px 10px 10px rgba(0,0,0,.1);}
.elementary-homework .wrap h4 {font-size:20px; line-height:1.4em; margin:33px 0 28px;}
.elementary-homework .wrap .item {display:flex; margin-bottom:40px;}
.elementary-homework .wrap .item:last-child {margin-bottom:0;}
.elementary-homework .wrap .item .ico {width:87px; margin-right:30px; margin-top:5px;}
.elementary-homework .wrap .item .txt {flex:1 1 auto; min-width:0; width:1%;}
.elementary-homework .content .item {display:flex; align-items:center; margin-bottom:50px;}
.elementary-homework .content .item:last-child {margin-bottom:0;}
.elementary-homework .content .item .img {width:175px; margin-right:32px;}
.elementary-homework .content .item .txt {flex:1 1 auto; min-width:0; width:1%;}
.elementary-homework .content .item .txt h3 {color:#000; font-size:28px; line-height:1.3em; margin-bottom:10px;}

.world-map {margin-bottom:34px;}
.world-map .img {position:relative;}
.world-map .txt {display:none; position:absolute;}
.world-map .txt.Japan {right:56%; top:5%; width:22%;}
.world-map .txt.France {left:8%; top:56%; width:16.7%;}
.world-map .txt.Hawaii {right:32%; top:69%; width:19.5%;}
.world-map .txt.California {left:70.5%; top:.5%; width:19.5%;}
.world-map .txt.Texas {left:73%; top:65%; width:19.5%;}

.parents-voice {color:#000; font-size:18px; line-height:1.65em;}
.parents-voice h3 {display:inline-block; vertical-align:bottom; position:relative; margin-left:60px; margin-bottom:-22px; padding:8px 35px; color:#fff; font-size:20px; line-height:1.4em; background:#7a1315; border-radius:30px;}
.parents-voice .box {display:flex; padding:52px 52px; border:1px solid #ccc; border-radius:15px;}
.parents-voice .box .col {width:50%; padding:0 10px;}
.parents-voice .box .item {display:flex; padding:13px 0;}
.parents-voice .box .ico {width:56px; margin-right:30px;}
.parents-voice .box .txt {flex:1 1 auto; min-width:0; width:1%;}

.event-wrap {padding-top:55px; text-align:center;}
.event-wrap .top-txt {font-size:24px; font-weight:700; line-height:1.5em; letter-spacing:0; margin-bottom:50px;}
.event-wrap .link {display:inline-flex; align-items:center; margin-bottom:123px; padding:20px 60px; color:#fff; font-size:18px; font-weight:500; line-height:1.35em; word-break:break-all; background:#586b73; border-radius:60px;}
.event-wrap .link img {margin-right:15px;}
.event-wrap .imgs {display:flex; justify-content:space-evenly; margin:0 -15px;}
.event-wrap .imgs div {padding:0 15px;}v

.comp-imgs {display:flex; justify-content:space-between; margin:0 -15px 90px;}
.comp-imgs .col {width:33.33333333%; max-width:433px; padding:0 15px;}

.comp-cnt {display:flex; justify-content:space-between; margin:0 -15px; font-size:18px; line-height:1.65em;}
.comp-cnt .col {width:33.33333333%; max-width:433px; padding:0 15px;}
.comp-cnt .img {margin-bottom:30px;}
.comp-cnt .txt {margin-bottom:30px; min-height:90px;}
.comp-cnt .box {position:relative; min-height:265px; padding:53px 20px 20px; border:1px solid #ccc; border-radius:7px;}
.comp-cnt .box:before {content:""; position:absolute; top:-6px; left:50%; margin-left:-6px; width:12px; height:12px; background:#900021; border-radius:100%;}
.comp-cnt .box .ico {text-align:center; margin-bottom:28px;}

/* 2024-08-09 유지보수 (입학안내 테이블 추가) */
.adm-box { margin-top: 40px; }
.adm-box span { text-align: right; font-weight: 200; line-height: 1.2em; padding-bottom: 15px; color: #999; display: block; font-size: 16px;}
.adm-box p { font-size: 18px; font-weight: 300; padding-left: 20px; color: #555; letter-spacing: -.025em; line-height: 1.3em; margin-top: 15px;}
.adm-tbl-wrap { overflow: auto;}
.adm-tbl { border-collapse: collapse; width: 100%; border-top: 2px solid #868686; text-align: center;}
.adm-tbl tr { border-bottom: 1px solid #ddd; }
.adm-tbl tr th { background: #fafafa; line-height: 1em; border-right: 1px solid #ddd; font-size: 16px; font-weight: 500; color: #000; padding: 27px 5px;}
.adm-tbl tr th:last-child { border-right: none;}
.adm-tbl tr td {  line-height: 1.2em; border-right: 1px solid #ddd; font-size: 16px; font-weight: 300; color: #555; padding: 24px 5px;}
.adm-tbl tr td:last-child { border-right: none;}
.adm-pay { margin-top: 90px;}
.adm-pay h3 { line-height: 1em; font-size: 18px; font-weight: 500; letter-spacing: -.025em; color: #333; margin-bottom: 12px;}
.adm-paybox { background: #fafafa; border: 1px solid #ddd; padding: 15px 10px;}
.adm-paybox p { font-size: 14px; font-weight: 300; line-height: 1.5em; color: #767676; margin-bottom: 10px;}
.adm-paybox p:last-child { margin-bottom: 0; }