@charset "utf-8";

@import url(skin.css);
@import url(font_s.css);

/*#txt, #txt div, #txt p, #txt strong, #txt h1, #txt h2, #txt h3, #txt h4, #txt h5, #txt h6, #txt span, #txt em, #txt ul, #txt ol, #txt li, #txt dl, #txt dt, #txt dd, #txt table, #txt tr, #txt td, #txt th, #txt input, #txt button, #txt select, #txt address, #txt header, #txt nav, #txt a, #txt label{font-family:'nsk';}*/

/* 공통 */

.top_img{width:100%;text-align: center;}
.img_list{margin-top: 30px;margin-left:-1%}
.img_list:after{content:''; display:block; clear:both;}
.img_list li{float:left;width:49%;margin:0 0 1% 1%;position:relative;overflow:hidden;text-align: center;}
.img_list li p.caption{display:inline-block;position:absolute;left:0;bottom:1px;padding: 12px 10px;width:100%;color:#fff;font-size:20px;font-weight:600;text-align:center;}

@media only screen and (max-width: 530px){
    .img_list li{float:none;width:100%;margin:1% 0 0 0;}
    .img_list li p.caption{font-size:15px;}
}

.mid_box{padding: 30px 50px; border: 1px solid #ddd;background: #f2f2f2;}

/* sub08_02_01 생활관 준칙 */
.s080201_sub{text-align:center;margin-top: 30px;}
.s080201_sub h4{display:inline-block;}
.s080201_list{margin: 7px 0 0;line-height: 21px;padding-left: 7px;}
/* sub08_02_01 생활관 준칙 End */


/* sub08_02_01 일정 */
.carte_top{position:relative;padding:5px}
.carte_top:before{content: "";display:block;position:absolute;top:0;left:0;width:100%;height:20%}
.carte_top .inner{display:block;position:relative;padding:0;background:#fff;z-index:3}
.carte_top:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/kor/sub04/uit_bg2.png) repeat;z-index: 1}

.carte_top .inner h2{margin:0;padding:25px 0;background:none;font-size:30px;text-align: center}
.schedule .carte_top .inner h2 em{display:block;color:#002f66;font-weight:bold}
.carte_top .sel_day{position:absolute;top:0;left:0;width:100%}
.schedule .carte_top .sel_day a{position:absolute;top:30px;line-height:19px;font-size:0;vertical-align:middle}
.carte_top .sel_day a.prev{left:5%;padding-left:28px;background:url(/images/kor/sub04/carte_dayarr1.png) no-repeat left 0}
.carte_top .sel_day a.next{right:5%;padding-right:28px;background:url(/images/kor/sub04/carte_dayarr2.png) no-repeat right 0}
.schedule .sel_month{padding:20px 0;text-align:center;border-top:1px solid #ddd}
.schedule .sel_month:after{content:"";display:block;clear:both}
.schedule .sel_month li{display:inline-block;margin-bottom:15px;width:14.28%}
.schedule .sel_month li a{display:inline-block;position:relative;width:37px}
.schedule .sel_month li a.ov:before,
.schedule .sel_month li a:hover:before,
.schedule .sel_month li a:focus:before{content:"";display:block;position:absolute;bottom:-6px;left:0;width:100%;height:4px;background:#ee402e}

.schlst{position:relative;margin-top:50px}
.schlst .lcon{position:relative;padding:30px 20px 20px;margin-bottom:30px;width:100%;border:1px solid #ddd}
.schlst .lcon:before{content:"";display:block;position:absolute;top:85px;left:0;width:100%;height:32px;background:#002f66}
.schlst .lcon p{margin-bottom:15px;line-height:21px}
.schlst .lcon p strong{display:block;color:#002f66;font-size: 30px;font-weight:bold;text-align:center}
.schlst .lcon p span{display:block;margin-top:5px;color:#ccc;font-size:10px;text-align:center}
.schcal_tbl{position:relative;table-layout:fixed;width:100%}
.schcal_tbl tbody td{padding:6px 0;text-align:center}
.schcal_tbl tbody td .cat{display:inline-block;position:relative}
.schcal_tbl tbody td .cat:before{content:"";display:block;position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:#ee402e}
.schcal_tbl thead th{padding-bottom:10px;color:#fff;text-align:center;}

.schlst .rcon{}
.schlst .rcon .schtxt{}
.schlst .rcon .schtxt h3{margin-top:0;padding:0;width:81px;background:url(/images/onestop/sub08/sch_tit.png) no-repeat;font-size:13px;line-height:29px;text-align:center;color:#ee402e;}
.schlst .rcon .schtxt ul{display:block;margin-top:20px;border-bottom:1px dashed #ddd}
.schlst .rcon .schtxt ul li{display:block;padding:10px 0;border-top:1px dashed #ddd}
.schlst .rcon .schtxt ul li b,
.schlst .rcon .schtxt ul li span{display:block;margin:5px 0;padding:0;border:0;width:100%}
.schlst .rcon .schtxt ul li span{vertical-align:top}

@media only screen and (min-width: 767px){
	.schedule .carte_top .inner h2 em{display:inline-block}

	.schedule .carte_top .sel_day a{font-size:16px}
	.schedule .sel_month li{width:7.69%}
	.schlst .rcon .schtxt ul{display:table;width:100%}
	.schlst .rcon .schtxt ul li{display:table-row}
	.schlst .rcon .schtxt ul li b{display:table-cell;padding:15px 0;width:30%;border-top:1px dashed #ddd}
	.schlst .rcon .schtxt ul li span{display:table-cell;padding:15px; width:70%;border-top:1px dashed #ddd}

	.schlst{margin-top:50px;overflow:hidden}
	.schlst:after{content:"";display:block;clear:both}
	.schlst .lcon{float:left;width:35%}
	.schlst .rcon{float:right;width:60%}
}

/* sub08_02_01 일정 End */

/* sub08_02_05 상/벌점 */
.s080205.badge{width: 26px;height: 26px;}
/* sub08_02_05 상/벌점 End */


/* sub11_01 상담안내 */
.top_img.s11_01{margin: 20px 0 30px;}

.s1101imgbox_col2{text-align: center;margin-top: 10px;}
.s1101imgbox_col2:after{content: "";clear: both;overflow: hidden;}
.s1101imgbox_col2 .img{float: left;width: 49.5%;}
.s1101imgbox_col2 .img + .img{margin-left: 1%;}
@media only screen and (max-width: 767px){
    .s1101imgbox_col2 .img{float: none;width: 100%;}
    .s1101imgbox_col2 .img + .img{margin-left: 0;margin-top: 3%;}
}
/* sub11_01 상담안내 End */

/* sub12_02_01 s-money */
.top_box{position: relative; padding: 50px 70px; border: 1px solid #ddd;background: #f2f2f2;z-index: 2;}
.top_box .box_bg{content:"";display:block;position:absolute;width:151px;height:120px;bottom:10px;right:10px;background:url(/images/onestop/sub12/s_money.gif) no-repeat center center;z-index: -1;}

@media only screen and (max-width: 767px){
	.top_box{padding: 30px 50px;}
	.top_box .box_bg{bottom:5px;right:5px;background-size:50%;}
}
/* sub12_02_01 s-money End */

/* 새창 바로가기 메뉴 */

.new_link{position:relative;border:1px solid #ccc;padding:80px 0 80px 50%;background:#f4f5f7;}
.new_link:after{content:"";display:block;position:absolute;left:0;top:0;width:42%;height:100%;background:#fff;z-index:0;}
.new_link .ico{position:absolute;left:65px;top:50%;margin-top:-123px;z-index:1;width:252px;height:255px;background:url(/images/onestop/new_link_ico.png) no-repeat;}
.new_link strong{display:block;font-size:30px;font-weight:700;}
.new_link p{margin-bottom:30px;}
.new_link .btn{font-size:15px;border:1px solid #ddd;background:#fff;}
.new_link .btn .new_link_ico{display:inline-block;width:33px;height:33px;background:url(/images/onestop/new_link_ico2.png) no-repeat;vertical-align:middle;margin-left:20px;}


@media only screen and (max-width: 920px){
	.new_link{padding:350px 0 30px;text-align: center;}
	.new_link:after{width:100%;height:320px;}
	.new_link .ico{top:40px;left:50%;margin-left:-125px;margin-top:0;}
}


@media only screen and (max-width:640px){
	.new_link{padding-top:270px;}
	.new_link:after{height:230px;}
	.new_link p{padding:0 20px;}
	.new_link .ico{top:40px;margin-left:-80px;margin-top:0;width:161px;height:165px;background:url(/images/onestop/new_link_ico_s.png) no-repeat;}
}


#introduce .intro_top{background-image:url(/images/ot/introduce_top_img1.jpg);}
#goal .goal_top{background-image:url(/images/ot/goal_top_img1.jpg);}


/* 교육목표 */
.s0102_wrap {}
.s0102_wrap .s0102_org {}
.s0102_wrap .s0102_org ul {}
.s0102_wrap .s0102_org ul li .lv01 {width:285px; height:285px; padding:15px; margin:0 auto 78px; border:1px solid #ddd; border-radius:50%;}
.s0102_wrap .s0102_org ul li .lv01 .inner {width:100%;height:100%;padding: 75px 0 0;border-radius: 50%;background:#0f63d0;color:#fff;text-align: center;}
.s0102_wrap .s0102_org ul li .lv01 .inner span {display: block; font-size:16px; color:#fff;}
.s0102_wrap .s0102_org ul li .lv01 .inner p {font-size:26px;color:#fff;font-weight: bold;line-height: 1.3;letter-spacing: -0.09em;}
.s0102_wrap .s0102_org ul li .lv02 {position: relative;/* padding:0 130px; */margin:0 -1%;}
.s0102_wrap .s0102_org ul li .lv02:before {display:block;position: absolute;width: auto;height: 1px;background: #ddd;top: -42px;left: 10%;right: 10%;content:"";}
.s0102_wrap .s0102_org ul li .lv02:after {display:block;clear:both;visibility:hidden;content:"";}
.s0102_wrap .s0102_org ul li .lv02 .lv02_1 {position: relative;float:left;width:18%;height: 50px;line-height: 50px;margin:0 1%;border-radius: 5px;background: #999;color:#fff;text-align: center;font-size: 16px;}
.s0102_wrap .s0102_org ul li .lv02 .lv02_1:after {display:block; position: absolute; left:50%; top:-42px; width:1px; height:42px; background: #ddd; content:"";}
.s0102_wrap .s0102_org ul li .lv02 .lv02_1:nth-child(3):after {top:-85px; height:85px; }
.s0102_txt {margin: 40px -2% 60px;}
.s0102_txt:after{display:block;clear:both;visibility:hidden;content:"";}
.s0102_txt .col {float:left;width:90%;min-height: 150px;margin:0 2%;padding: 30px 35px;border:1px solid #ddd;font-size: 15px;word-break: keep-all;}

.s0102_box {}
.s0102_box ul {margin:0 -2%;}
.s0102_box ul:after{display:block;clear:both;visibility:hidden;content:"";}
.s0102_box ul li {position: relative;float:left;width:21%;min-height: 170px;margin:0 2%;padding:35px 10px 0;background: #203d62;border-radius: 5px;color:#fff;text-align: center;}
.s0102_box ul li span {display: block;position: absolute;top:-22.5px;left:50%;width:45px;height:45px;margin-left:-22.5px;border-radius: 50%;background: #0063d3;color:#fff;text-align: center;font-weight: bold;line-height: 45px;font-size: 16px;}
.s0102_box ul li p {color:#fff}


@media(max-width:1023px){
  .s0102_txt .col {float:none; width:96%; min-height:auto; margin:0 2% 10px;}
  .s0102_box ul li {width:46%; margin:0 2% 30px;}

}

@media(max-width:640px){
  .s0102_wrap .s0102_org ul li .lv02:before {display: none;}
  .s0102_wrap .s0102_org ul li .lv02 .lv02_1 {float:none; width:98%; margin:0 2% 20px;}
  .s0102_wrap .s0102_org ul li .lv02 .lv02_1:after {display:block; position: absolute; left:50%; top:-20px; width:1px; height:20px; background: #ddd; content:"";}
  .s0102_wrap .s0102_org ul li .lv02 .lv02_1:nth-child(1):after {top:-85px; height:85px;}
  .s0102_wrap .s0102_org ul li .lv02 .lv02_1:nth-child(3):after {top:-20px; height:20px; }

  .s0102_box ul li {float:none; width:98%;}

}






/* sub02_03 ot작업치료학과 교육과정로드맵 시작*/
#roadmap .depart_cnt .item .ot_box{padding-bottom:100px;}
#roadmap .depart_cnt .item .ot_box .ot_loadmap{background-color:#e8eaef; width:100%; padding:35px; text-align:center; display:inline-block;}
#roadmap .depart_cnt .item .ot_box .ot_loadmap .loadmap_box{width:22%; margin: 1.5%; float:left;}
#roadmap .depart_cnt .item .ot_box .ot_loadmap .loadmap_box .bg_gray{background-color:#999999;}
#roadmap .depart_cnt .item .ot_box .ot_loadmap .loadmap_box .bg_blue{background-color:#0f63d0;}
#roadmap .depart_cnt .item .ot_box .ot_loadmap .loadmap_box p{background-color: white; height: 54px; font-size: 16px; color: white; font-weight: 600; padding: 14px; border-radius: 5px; margin-bottom: 8px;}
#roadmap .depart_cnt .item .ot_box .ot_loadmap .loadmap_box .txt_list{background-color: white; border: 1px solid #dbdbdb; border-radius: 5px; padding: 40px 22px;}
#roadmap .depart_cnt .item .ot_box .ot_loadmap .loadmap_box .txt_list li:first-child{font-size: 18px; font-weight: 600; color: #111111;}
#roadmap .depart_cnt .item .ot_box .ot_loadmap .loadmap_box .txt_list li{font-size:16px;}
#roadmap .depart_cnt .item .ot_box .ot_loadmap .loadmap_box .txt_list .hei{height:110px;}
#roadmap .depart_cnt .item .ot_box .ot_loadmap .loadmap_box .txt_list .boder01{border: 2px solid #5d6b7e; border-radius: 5px; padding:6px; margin-top: 15px;}
#roadmap .depart_cnt .item .ot_box .ot_loadmap .loadmap_box .txt_list .boder02{border: 1px dotted #5d6b7e; border-radius: 5px; padding:6px;}

@media (max-width: 1000px){
#roadmap .depart_cnt .item .ot_box .ot_loadmap .loadmap_box{width:46%; float:none; display:inline-block;}

}
@media (max-width: 600px){
#roadmap .depart_cnt .item .ot_box .ot_loadmap .loadmap_box{width:94%;}

}

/* sub02_03 ot작업치료학과 교육과정로드맵 끝*/

.depart_cnt .item .depart_cnt_content .depart_cnt_tile li{width: 100%;}
.depart_cnt .item .depart_cnt_content .depart_cnt_tile li{min-height:185px;}
.list-1st dd::before, .list-1st li::before, .txt_bul::before {top: 38px;}

.depart_cnt .item .depart_cnt_content .depart_cnt_tile li ul:after{content:"";display:block;clear:both}
.depart_cnt .item .depart_cnt_content .depart_cnt_tile li ul li {width:19%;min-height: 130px;margin:0.5%;float:left;padding: 20px;text-align: center;}
.depart_cnt .item .depart_cnt_content .depart_cnt_tile li ul li:before{display:none;}

@media only screen and (max-width:1000px){
	.depart_cnt .item .depart_cnt_content .depart_cnt_tile li ul li {width:32%;}
}
@media only screen and (max-width:1000px){
	.depart_cnt .item .depart_cnt_content .depart_cnt_tile li ul li {width:99%;min-height:auto}
}

/* curriculum */
.curriculum .depart_cnt .item:first-child{margin:0;}
.curriculum .depart_cnt .item .depart_cnt_title,
.curriculum .depart_cnt .item .depart_cnt_content{float:none;width:100%;padding:0;}
.curriculum .depart_cnt .item:before{background:none}
.curriculum .depart_cnt .item .depart_cnt_content strong{display:block;margin:0 0 0;color:#FFF;font-size:18px;font-weight:700;}
.curriculum .depart_cnt .item .depart_cnt_content strong:first-child{margin-top:0;}
.curriculum .depart_cnt .item .depart_cnt_content td b{color:#222;font-size:15px;font-weight:700;}
.curriculum .list-1st dd,.list-1st li,.txt_bul {position: relative;margin: 0 0 12px 0;padding-left: 10px;color: #222222;font-size: 15px;line-height: 1.8;font-weight: 400;}
.curriculum .list-1st dd:before,.list-1st li:before,.txt_bul:before {background: #a0a0a0; width: 3px; height: 3px; position: absolute; top: 12px; display: inline-block;}
.curriculum .depart_cnt .item .depart_cnt_content .bg-blue{margin:0 0 0;color:#2E3953;font-size:15px;font-weight:700;background-color:#e0f3ff;vertical-align:middle;}
.curriculum .list-2st dd,.list-2st li,.txt_bul {position: relative;margin: 0 0 12px 0;padding-left: 7px;color: #545454;font-size: 15px;line-height: 1.8;}
.curriculum .list-2st dd:before,.list-2st li:before,.txt_bul2:before {background: #222; width: 6px; height: 1px; position: absolute; top: 12px; left: 0; content: ''; display: inline-block;}
.curriculum .table.table-bordered tbody th{background-color:#3d8add;color:#FFF;font-weight: 500;vertical-align:middle;}