@font-face {
    font-family: 'NanumSquare';
    src: url('https://github.com/moonspam/NanumSquare/blob/master/NanumSquareAcR.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HSYuji-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/HSYuji-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'tenada';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2210-2@1.0/Tenada.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* 제휴 template */
body#child header .navi_wrap{ padding: 19px 0; }
body#child header .mycampus{ margin-top:7px; }

#btn_req { top: -140px; }


body#child footer #dreamInfo {  }
body#child footer #childInfo p { margin: 10px 0; }
body#child footer #collabor { position: absolute; top: 0; right: 0; font-size: 50px; font-weight: 100; }
body#child footer #footerMenu #child { color: #fff; background-color: #20469B; }

body#child #college { background: #20469B; color: white; }

body#child .lecture_process{ margin:50px auto 0; width:1200px; }

body#child .lecture_process .process_start{ float:left; background:#20469B; color:white; font-size:26px; padding:16px 26px; width:100px; box-sizing:border-box; border-radius:20px; line-height:34px; position:relative; margin-right:90px; }
body#child .lecture_process .process_start:after{ content:''; width:1px; height:100px; background:#20469B; position:absolute; bottom:0px; right:-50px; }
body#child .lecture_process ul.process li.item{ float:left; width:150px; text-align:center; position:relative; margin-top:5px; }
body#child .lecture_process ul.process li.item:not(:last-child){ margin-right:50px; }
body#child .lecture_process ul.process li.item .item_key{ font-size:26px; color:navy; font-weight:bold; margin-bottom:10px; }
body#child .lecture_process ul.process li.item:not(:last-child) .item_key:after{ content:'▶'; font-size:16px; position:absolute; top:6px; right:-35px; }
body#child .lecture_process ul.process li.item:not(:last-child) .item_value:after{ content:''; width:1px; height:30px; background:#000; position:absolute; bottom:3px; right:-27px; }

body#child #area_cs > div.area > div#area_cscenter { width: 20%; padding:0px 60px 0px 29px; }
body#child #area_cs > div.area > div#area_cscenter > div { display: inline-block; vertical-align: top; }
body#child #area_cs > div.area > div#area_cscenter > div:nth-child(3) { width: 137px; }

body#child #area_cs #collabor { margin: 23px 0; }
body#child #area_cs #collabor img { max-height: 35px; max-width: 150px; vertical-align: middle; }
body#child #area_cs #collabor #x { margin: 0 20px; }

body#child .fontNanumSquare { font-family: NanumSquare; }
body#child .fontHSyuji { font-family: HSYuji-Regular; }
body#child .fontTenada { font-family: tenada; }

body#child .width100vw { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw;}
body#child #duty { background: url("/images/template/theonehr/bg1.png") no-repeat top; margin-top: -40px; height: 540px;}
body#child #duty .h00 { margin: 60px 0 20px ; font-size: 52px;}
body#child #duty .h00 .fontTenada { font-size: 65px;}
body#child #duty #logo_set { padding-top: 40px; margin-bottom: 40px; }
body#child #duty #logo_set img { max-height: 50px; max-width: 200px; vertical-align: middle; margin: 0 20px; }

body#child .dcam_c1 { color: #6e5dff; }
body#child .dcam_c2 { color: #ff509a; }

body#child #duty .fontHSyuji p { border-bottom: 2px solid #fff; display: inline-block; width:auto; margin: 0 auto 8px;}
body#child .txt { margin: 0; }

body#child #child_subject { background: url("/images/template/theonehr/bg2.png") no-repeat top;; padding-top: 80px; padding-bottom: 80px; }

.color.navy { color: #1c2859; }
.color.pink { color: #fd528a; }
body#child #child_subject .h0  span { font-size: 42px; font-weight: 900; }

body#child #child_subject .btn_wrap { margin: 20px 0 40px; text-align: right; }
body#child #child_subject .btn_wrap button { border: 0; padding: 10px 0; width: 150px; text-align: center; background: #fff; margin: 0 10px; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);}

body#child .subject_each { position: relative; display: inline-block; width: calc((100% - 113px) / 5); height: 300px; margin: 0 10px 20px; border-radius: 0.2857rem; background-color: transparent; perspective: 1000px; }
body#child .subject_each .title { width: 100%; position: absolute; bottom: 0; overflow: hidden; height: 30px; line-height: 30px; font-family: NanumSquare; text-align: center; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; background: #fff; margin: 0; padding: 1em 0 ; box-shadow: none; font-size: 16px; border: none; border-radius: 0; }
body#child .subject_each .flip-inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.6s; transform-style: preserve-3d; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);   border-radius: 8px; }
body#child .subject_each:hover .flip-inner { transform: rotateY(180deg); }
body#child .subject_each:hover .flip-inner { transform: rotateY(180deg); }
body#child .subject_each .flip.front, body#child .subject_each .flip.back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
body#child .subject_each .flip.front { background-color: #fff; color: black; }
body#child .subject_each .flip.front { background-repeat: no-repeat; background-position: center bottom 92px; }
body#child .subject_each .flip.front .content { position: absolute; bottom: 80px; left: 0; width: 100%; }
body#child .subject_each .flip.front .content .h6 { width: 180px; margin: 0 auto; background: rgba(0,0,0,0.7); border-radius: 10px; padding: 2px 0; color: #fff; font-size: 11px; }
body#child .subject_each .flip.back { color: white; transform: rotateY(180deg); padding: 20px; box-sizing: border-box; }
body#child .subject_each .flip.back hr { margin-bottom: 20px; }
body#child .subject_each .flip.back b { color: black; }


body#child .subject_each .flip.front::after:nth-child(1) { right: 20px; }
body#child .subject_each .flip.front::after:nth-child(2) { right: 40px; }
body#child .subject_each .flip.front::after:nth-child(3) { right: 60px; }

body#child #child_subject .flag { position: absolute; right: 10px; top: -1px; content: "\f02e"; font-family: "Font Awesome 5 Free"; color: #FAD000; font-weight: 900; font-size: 30px; }
body#child #child_subject .btn_subject .flag { position: initial; font-size: 16px; margin-right: 5px;  }
body#child .subject_each .flip .flag:nth-child(2) { right: 40px; }
body#child .subject_each .flip .flag:nth-child(3) { right: 70px; }
body#child #child_subject .flag.grade { color: #4f9fff; }
body#child #child_subject .flag.result { color: #ff4f4f; }

body#child #qna { padding: 80px 0; }
body#child #qna ul {  border-top: 2px solid #5a37e8; }
body#child #qna ul li .question { background: #fff; line-height: 40px; border-bottom: 1px solid #ccc; padding: 10px 20px; }
body#child #qna ul li .question img { vertical-align: middle; }
body#child #qna ul li .answer { display: none; padding: 40px 80px; border-bottom: 3px solid #323D9A; background: #eff0ff;}

body#child #rfparea {  background: url("/images/template/theonehr/bg3.jpg") no-repeat; margin-bottom: -100px; }
body#child #rfp { padding: 80px 0; margin-top: 40px; border-radius: 20px; }
body#child #rfp > div { vertical-align: top; }
body#child #rfp #rfpleft { width: calc(100% - 640px); text-align: left;}
body#child #rfp #rfpright { width: 640px; }

body#child #rfp button { width: 100%; border: 0; background: #ececec; box-sizing: border-box; padding: 20px 40px; font-size: 20px; }

body#child #rfp #rfpleft .h00 { font-size: 52px; font-weight: 900; padding-top: 60px;  }
body#child #rfp #rfpleft .h0 { font-size: 42px; margin: 40px 0; letter-spacing: 5px; }
body#child #rfp #rfpleft .call { background: url("/images/template/theonehr/call.png") no-repeat; width: 271px; height: 46px; padding: 30px 0 0 95px; }

body#child #rfp #rfpright input.input_rfp { font-size: 16px; background: rgba(255,255,255, 0.7);  height: 52px;  padding: 0 30px;  border-radius: 5px;  width: 640px;  color: #2E2E2E;  margin-bottom: 5px; }
body#child #rfp #rfpright input.input_rfp.danger { border: 1px solid #ff4f4f; }
body#child #rfp #rfpright button { background: url("/images/template/theonehr/btn.png") no-repeat; color: #fff; }

body#child .question { position: relative; cursor: pointer }
body#child .question img { margin-right: 5px; }
body#child .question:after { position: absolute; right: 10px; top: 11px; height: 20px; margin-top: 10px; width: 33px; background: url("/images/template/theonehr/down_icon.png") no-repeat; content: " ";  }
body#child .question.view:after { background: url("/images/template/theonehr/up_icon.png") no-repeat; }

@media screen and (max-width:1200px) {
	body#child .width100vw { width: 100%; margin-left: initial; margin-right: initial; left: initial; right: initial; }
}