@charset "UTF-8";
/*공통*/
.apply{
    width:100%;
}
.apply .con{
    width:100%;
}
.apply .con .mid{
    width:1000px;
    margin:0 auto;
    position:relative;
}
.apply strong,
.apply b{
    font-family:'noto6', 'sans-sarif';
}



/* 탑배너 */
.top_box {
    background:#194149 url('/_skin/tpl_skin/basic_rotc/images/apply_new/top_bg.png') no-repeat center center;
    height:520px;
}
.top_box .mid {
    padding:100px 0 ;
}
.top_box .mid .bullet {
    position: absolute;
    top: 90px;
    left: -65px;
}
.top_box .mid img {
    display:block;
    margin: 0 auto;
}
.top_box .mid p {
    color: #9fc0c7;
    text-align: center;
    font-size: 20px;
    line-height: 1.6;
    margin-top: 30px;
    letter-spacing: -1px;
}




/* 학습법 제시 */
.con1 {
    background-color:#abaa98;
    padding:80px 0;
}
.con1 ul{
    width:100%;
    overflow:hidden;
    margin:35px 0 0;
}
.con1 ul li{
    float:left;
    width:30%;
    min-height:257px;
    padding:20px 0 ;
    text-align: center;
    box-sizing:border-box;
    background:#8d8674;
    margin:0 5% 0 0;
    box-sizing:border-box;
    border:1px #686254 solid;
}
.con1 ul li:last-of-type{
    margin-right:0;
}
.con1 ul li p{
    font-size: 17px;
    font-family:'noto2';
    color:#000;
    margin:0 0 10px;
    line-height:135%;
    letter-spacing:-1px;
}
.con1 ul li b{
    font-size:23px;
    display:block;
    font-family:'noto5';
    margin:0 0 12px;
}
.con1 ul li .icon_bg{
    width:90px;
    height:90px;
    margin:0 auto 15px;
    border-radius:50%;
    text-align:center;
    box-sizing:border-box;
}
.con1 ul li:nth-of-type(1) .icon_bg{
    background:#686254 url('/_skin/tpl_skin/basic_rotc/images/teacher/con1_icon1.png') no-repeat center center;
}
.con1 ul li:nth-of-type(2) .icon_bg{
    background:#686254 url('/_skin/tpl_skin/basic_rotc/images/teacher/con1_icon2.png') no-repeat center center;
}
.con1 ul li:nth-of-type(3) .icon_bg{
    background:#686254 url('/_skin/tpl_skin/basic_rotc/images/teacher/con1_icon3.png') no-repeat 60% 45%;
}




/* 도서소개영상 */
.book {
    background-color:#e5e5e5;
    padding: 90px 0 50px;
}
.book .ttl_box * {
    display:block;
    color:#000;
}
.book .ttl_box em {
    font-size:20px;
    margin-bottom:30px;
    line-height:1.5;
}
.book .ttl_box strong {
    margin-bottom:60px;
    font-size:30px;
}
.book .left_box {
    width: 360px;
}
.book .right_box {
    width: calc(100% - 360px);
}
.book .right_box .img_box {
    position:relative;
}
.book .right_box .bullet {
    position: absolute;
    right: -30px;
    top: -10px;
}
.book .right_box .txt_box {
    width:200px;
}
.book .right_box .txt_box ul li {
    position:relative;
}
.book .right_box .txt_box ul li:nth-child(1) {
    margin-top: 40px;
}
.book .right_box .txt_box ul li:after {
    display:block;
    content:'';
    background:url('/_skin/tpl_skin/basic_rotc/images/apply_new/con2_plus.png') no-repeat bottom center;
    width:100%;
    height: 15px;
    position: absolute;
    bottom: -40px;
}
.book .right_box .txt_box ul li:last-child:after {
    background:none;
}
.book .right_box .txt_box ul li + li {
    margin-top:60px;
}
.book .right_box .txt_box ul li span {
    color:#000;
    font-size:18px;
    font-family: 'noto5', 'sans-sarif';
}




/* 교수소개 */
.teacher{
    padding:80px 80px 0 80px ;
    background:#d4dbe3;
}
.teacher .tab_wrap > img{
    margin:0 auto 50px auto;
    display: block;
}
.teacher .teacher_tab{
    width:1000px;
    margin:0 auto;
}
.teacher .tab-menu{
    width:100%;
    font-size:0;
    margin-top:50px;
}
.teacher .tab-menu li{
    display: inline-block;
   /*  *display: inline; */
    zoom:1;
    vertical-align: top;
    width:19.6%;
    margin:0 0 0 0.2%;
    text-align: center;
    padding:15px 0;
    box-sizing: border-box;
    background:#8190a5;
}
.teacher .tab-menu.three li{
    width: calc(50% - 0.4%/2);
}
.teacher .tab-menu li:first-child{
    margin:0;
}
.teacher .tab-menu li:hover,
.teacher .tab-menu li.selected{
    background:#56657a
}
.teacher .tab-menu li a{
    display: block;
  line-height:100%;
    color:#c4d2df;
    font-size:16px;
}
.teacher .tab-menu li:hover a,
.teacher .tab-menu li.selected a{
    color:#aae7ec
}
.teacher .tab-menu li b{
    display: block;
  line-height:100%;
    margin:5px 0 0 0;
    font-family: 'noto6';
    font-size:20px;
}
.teacher .tab-menu li:hover b,
.teacher .tab-menu li.selected b{
    color:#fff
}
.teacher .tab_img{
}
.teacher .tab_img > div{
    display: none;
}
.teacher .tab_img #teacher_cont1{
    display: block;
}
.teacher .tab_cont{
    padding:70px 0 80px 0;
}
.teacher #teacher_cont1{
    background:url('/_skin/tpl_skin/basic_rotc/images/apply_new/con3_teacher1.png') no-repeat 120% bottom;
}
.teacher #teacher_cont2{
    background:url('/_skin/tpl_skin/basic_rotc/images/apply_new/con3_teacher2.png') no-repeat 120% bottom;
}
.teacher #teacher_cont3{
    background:url('/_skin/tpl_skin/basic_rotc/images/apply_new/con3_teacher3.png') no-repeat left 100% bottom -50px;
}
.teacher #teacher_cont4{
    background:url('/_skin/tpl_skin/basic_rotc/images/apply_new/con3_teacher5.png') no-repeat 100% bottom;
}
.teacher #teacher_cont5{
    background:url('/_skin/tpl_skin/basic_rotc/images/apply_new/con3_teacher4.png') no-repeat 107% bottom;
}
.teacher .tab_cont p{
    font-size:20px;
    line-height:100%;
    color:#303f44;
  margin:0 0 15px;
}
.teacher .tab_cont p b{
    font-family: 'noto6';
}
.teacher .tab_cont img {
    display:block;
    text-align:left;
}
.teacher .teacher_name {
    font-size: 33px;
    color: #000;
    float: left;
    margin-top: 70px;
    letter-spacing: -1.5px;
    font-family: 'noto5', 'sans-sarif';
}
.teacher .tab_cont ul{
    padding:0 0 0 175px;
    margin:60px 0 30px 0;
}
.teacher .tab_cont ul li{
    position:relative;
    padding:0 0 0 15px;
    line-height:24px;
    font-size:15px;
}
.teacher .tab_cont ul li:before{
    content: "ㆍ";
    position:absolute;
    left:0;
}
.teacher .tab_cont .sample{
    width:495px;
    height:270px;
    background:url('/_skin/tpl_skin/basic_rotc/images/apply_new/con3_plyer.png') no-repeat center;
    font-size:0;
}
.teacher .tab_cont .sample a{
    display: block;
    background:url('/_skin/tpl_skin/basic_rotc/images/apply_new/con3_plyer_btn.png') no-repeat center;
    height:100%;
}
/* .teacher .tab_cont .sample a{
    display: block;
    background:url(/_skin/tpl_skin/basic_army_new_v3/images/apply/pilseng/con3_player_btn.png) no-repeat center;
    height:100%;
}
.teacher .tab_cont .sample a:hover{
    background:url(/_skin/tpl_skin/basic_army_new_v3/images/apply/pilseng/con3_player_btn_over.png) no-repeat center;
} */
/* //교수소개 */




/* 커리큘럼 */
.con4{
    padding:85px 0 90px;
    background-color:#a68e74;
}
.con4 .con_box {
    margin-top: 78px;
    position: relative;
    overflow: hidden;
    Z-index: 1;
    width: 840px;
    margin: 70px auto;
}
.con4 .con_box:after {
    display: block;
    content: '';
    background: url('/_skin/tpl_skin/basic_rotc/images/apply_new/con4_arrow.png') no-repeat 0 0;
    width: 602px;
    height: 16px;
    position: absolute;
    top: calc(50% - 20px);
    left: 184px;
    z-index: -1;
}
.con4 .con_box li {
    width: calc(33% - 30px);
    height:242.5px;
    background-color:#ddb47e;
    border-radius: 100%;
    padding:20px 0 35px;
    box-sizing:border-box;
}
.con4 .con_box li + li {
    margin-left:10px;
}
.con4 .con_box li * {
    display:block;
    margin:0 auto;
    color: #000;
}
.con4 .con_box li:last-child {
    background:none;
}
.con4 .con_box li em {
    font-size:16px;
    color:#8d662f;
    margin-bottom: 13px;
    font-family: 'noto5', 'sans-serif';
}
.con4 .con_box li strong {
    font-size:26px;
    margin:16px 0 14px;
}
.con4 .con_box li span {
    font-size:16px;
}
.con4 .con_box li img {
    position: relative;
    left: 4px;
}
.con4 .con_box li:last-child img {
    margin-top: 15px;
    margin-right: 10px; 
}




/* 학습지원혜택 */
.benefit_wrap {
    background:#e2e2e2;
    padding:80px 0;
    text-align:center;
    font-family:'noto3'
}
.benefit_wrap .div-table{
    display:table;
    width:100%;
    background:#d3d3d3;
}
.benefit_wrap .div-table > div{
    display:table-cell;
    vertical-align:middle;
}
.benefit_wrap .div-table > div:first-of-type{
    width: 26.4%;
}
.benefit_wrap .div-table > div:last-of-type{
    width: 73.6%;
}
.benefit_wrap .div-table .img_box {
    margin: 0 auto;
    height: 52.5px;
    vertical-align: baseline;
}
.benefit_wrap .div-table i {
    display:block;
    background-color:#000;
    width:28px;
    height:2px;
    margin:24px auto 15px;
}
.benefit_wrap h3{
    font-size: 17px;
    font-family: 'noto2';
    font-weight:100;
    margin:5px 0;
    color:#010100;
}
.benefit_wrap p{
    font-size:22px;
    line-height:120%;
    color:#010100;
    font-family:'noto5';
}
.benefit_wrap ul{
    height: 100%;
    border-left: 34px #e2e2e2 solid;
    padding: 28px 0 10px 0;
}
.benefit_wrap ul li {
    display: inline-block;
    width:30%;
    vertical-align: top;
    position:relative;
}
.benefit_wrap ul li:nth-of-type(5){
    margin-top: 25px;
}
.benefit_wrap ul li:nth-of-type(6){
    margin-top: 25px;
}
.benefit_wrap ul li:after{
    position: absolute;
    right:-10px;
    bottom:40px;
    width:14px;
    height:14px;
    display: block;
    content:'';
    font-family:'noto5';
    font-size:20px;
    font-weight:600;
    background:url('/_skin/tpl_skin/basic_rotc/images/apply_new/benefit_x.png') no-repeat 0 0;
}
.benefit_wrap ul li:nth-of-type(3n):after{
    display: none;
}
.benefit_wrap ul li:nth-of-type(4) .img_box{
    height:70px;
    margin-top: 10px;
}
.benefit_wrap ul li:nth-of-type(3) .img_box img {
    margin-top:5px;
}
.benefit_wrap ul li p{
    font-size:16px;
    line-height:125%;
    margin:2px 0 0 0;
    font-family:'noto2';
}
.benefit_wrap ul li p b{
    font-family:'noto5', 'sans-sarif';
    display: block;
}
.benefit_wrap ul li a{
    width: 72px;
    height: 20px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    background: #333333;
    margin: 5px auto;
    border-radius: 10px;
}
/* //학습지원혜택 */