@charset "UTF-8";

/* 공통 부분*/
.main .container_wrap{position: relative;}
.tit_dot{background: url("/images/org06/tit_dot.png") 0 50% no-repeat;}
.cross_tit{padding-left: 13px; color: #1aa2b6; background: url("/images/org06/cross_tit.gif")0 7px no-repeat; font-size: 1.2em;}
h4.cross_tit{font-weight: 500; margin-top: 25px;}
.top_bnr{position:relative; height: 180px;}
.bl{margin-bottom:35px; padding:6px 0 0 0.3333333333333333%; border-left: 8px solid #82d9e6; color: #000; font-weight: 600;}
.tit{color: #0055a5; font-size: 1.6em; font-weight: 600; margin: 10px 0;}
.tit.mtz{margin-top: 0;}
h5.tit{font-size: 1.1em; font-weight: 400;}
#content > .bot_line{width: 33px; height: 3px; margin-bottom: 50px; background-color: #0055a5;}
h3.sub_tit{margin:30px 0 10px 0; padding-left: 23px; background: url("/images/org06/tit_ico.gif") 0 3px no-repeat; font-size: 1.3em; font-weight: 600; box-sizing: border-box;}
strong.sub_tit_2{display:block; margin: 10px 0 5px;}
.caution{clear:both; color: #e72449;}
.direct{display: block; width: 180px; margin: 20px auto; padding: 10px 15px; background-color: #0e386d; color: #fff; text-align: center; border-radius: 1.2em;}
.inner_content{margin-top: 40px;}
.inner_contents{overflow: hidden;}
.inner_contents + .inner_contents{margin-top: 40px;}
.h_100{height: 100px;}
.co_org{color: #1aa2b6; clear: both;}
.indent_10{padding-left: 10px;}
.indent_40{padding-left: 80px;}
h4.tit_dot{display:block; margin:25px 0 10px; font-size: 1.2em; font-weight: 600;}
h4.tit_dot:before{content: "─ ";}
h4.tit_dot.mtz{margin-top: 0;}
dl.tc > dt{float:left; height: 30px; margin-right: 15px; clear: both;}
dl.tc > dt.h_100{height: 100px;}
dl.tc > dd{padding-left: 15px;}
dl.tcell{margin-bottom: 10px;}
dl.tcell dt, dl.tcell dd{display: table-cell;}
dl.tcell dd{padding-left:10px;}
dl.tcell.ml_125 dt{min-width: 125px;}
a.dlc{display: inline-block; padding: 0 13px; line-height: 37px; color: #fff; background-color: #0055a5;}
.select_wrap{display: none;}
.m20{margin: 20px 0;}
.pl20{padding-left: 1%; box-sizing: border-box;}
p+p{margin-top: 20px;}
.mt_10 > li + li{margin-top: 10px;}
.dot > li{padding-left: 10px; background: url("/images/org06/dot.gif") 0 10px no-repeat;}

.breadcrumbs_wrap{position:absolute; bottom: 0;  width: 100%; background: url("/images/org06/fix_bg.png");}
.breadcrumbs_wrap > div{line-height: 50px;}
.breadcrumbs_wrap .breadcrumbs > li:first-child{padding-left: 0; background: none;}
.breadcrumbs_wrap .breadcrumbs > li{position:relative; float: left;  padding-left: 2.241379310344828%;}
.breadcrumbs_wrap .breadcrumbs > li > a {display:block; min-width: 161px; color: #fff; vertical-align: top; border-right: 1px solid #8d8d8d;}   /*26 / 1160*/
.breadcrumbs_wrap .breadcrumbs > li.active > a{color: #82d9e6;}
.breadcrumbs_wrap .breadcrumbs > li > a.go_home{width: 50px; min-width: 50px; padding-left: 0; background: url("/images/org06/ico_home.png") 50% 50% no-repeat; text-indent: -9999px; overflow: hidden;}
.breadcrumbs_wrap .breadcrumbs > li.arr_b{background: url("/images/cheveron-bottom-w-s.png") 90% 50% no-repeat;}
.breadcrumbs_wrap .breadcrumbs > li > .link_depth2{display:none; position: absolute; width: 100%; left:0; background-color: #fff; border: 1px solid #000; box-sizing: border-box; line-height: 30px; z-index: 10; border-top: 0;}
.breadcrumbs_wrap .breadcrumbs > li > .link_depth2 > li{padding-left:  12.36559139784946%; }  /*23 / 186*/
breadcrumbs_wrap .breadcrumbs > li > .link_depth2 > li > a {display: block;}

.table_1{width: 100%; border-collapse: collapse; border-top: 3px solid #82d9e6;}
.table_1 th, .table_1 td{text-align: center; padding: 10px; border: 1px solid #6a7682; font-size: 1em;}
.table_1 th:first-child,.table_1 td:first-child{border-left: 0;}
.table_1 th:last-child, .table_1 td:last-child{border-right: 0;}
.table_1 thead > tr{}
.table_1 td{position: relative;}
.table_1 .floating +span{position: absolute; top: 42%; right: 8%;}
.table_1 a.submit_btn{
    display:block;
    float:left;
    width: 100%;   /*130 / 900*/
    margin-left: 1.111111111111111%; /*10/ 900*/
    line-height: 40px;
    color: #fff;
    text-align: center;
	vertical-align: middle;
	text-decoration:none;
    background-color: #1594c3;
	border-radius:20px;
	cursor:pointer;
}

.table_1 a.submit_btn2{
    display:block;
    float:left;
    width: 100%;   /*130 / 900*/
    margin-left: 1.111111111111111%; /*10/ 900*/
    line-height: 50px;
    color: #fff;
    text-align: center;
	vertical-align: middle;
	text-decoration:none;
	padding-top:30px;
	padding-bottom:30px;
    background-color: #1594c3;
	border-radius:20px;
	cursor:pointer;
}

.table_1 a.apply_btn{
    display:block;
    float:left;
    width: 100%;   /*130 / 900*/
    margin-left: 1.111111111111111%; /*10/ 900*/
    line-height: 40px;
    color: #black;
    text-align: center;
	vertical-align: middle;
	text-decoration:none;
    background-color: #CCCCCC;
	border-radius:20px;
	cursor:pointer;
}

.table_1 a.apply_btn2{
    display:block;
    float:left;
    width: 100%;   /*130 / 900*/
    margin-left: 1.111111111111111%; /*10/ 900*/
    line-height: 50px;
    color: #black;
    text-align: center;
	vertical-align: middle;
	text-decoration:none;
	padding-top:30px;
	padding-bottom:30px;
    background-color: #CCCCCC;
	border-radius:20px;
	cursor:pointer;
}



.table_type + .table_type{margin-top: 10px; overflow: hidden;}
.table_type dt{float: left;}
.table_type dd{padding-left: 80px;}
.table_1 .text-left, .text-left ul li{text-align: left;}
.text-center{text-align: center;}
.col_br{color: #ab6200;}

.form_wrap{overflow: auto;}
.consult_form{width: 100%; border-collapse: collapse;}
.consult_form input[type="number"] {width: 35px;}
.consult_form th, .consult_form td{padding:1em; text-align: left; border: 1px solid #ccc;}
.consult_form td span.mlp{margin: 0 1em;}
.consult_form strong.main-s{font-size: 1.1em; font-weight: 700;}
.consult_form ol.sub-s{margin: 15px 0;}
.consult_form ol.sub-s > li + li{margin-top: 15px;}
.consult_form .sub-s2{padding-left: 15px;}
.agreement_wrap{margin:20px 0 10px; text-align: center;}
.agreement_wrap > span + span{margin-left: 5%;}
.agreement_wrap > span > input {margin-right: 5px;}
.select-ul{overflow: hidden;}
.select-ul >li{width: 33.3333%; float:left;}

.btn_wrap{margin:20px 0; text-align: center;}
.btn_wrap .bbs_btn + .bbs_btn{margin-left: 15px;}
.bbs_btn.cancel{background-color: #d43f3a;}
.w100{width: 100%;}

.modal_bg{display:none; position: fixed; left: 0; top: 0; width:100%; height: 100%; background-color: rgba(0,0,0,.8); z-index: 501;}
.modalpop{display:none; position:fixed; clear:both; width: 680px; height: 520px; padding: 45px 30px; border: 1px solid #2c2c2c; background: #fff; top:0; z-index: 502; box-sizing: border-box; cursor: all-scroll;}
.modalpop .staff{position: relative;}
.modalpop .staff > img{margin-bottom: 20px;}
.modalpop h5{clear:both; padding-bottom: 7px; font-size: 1.2em; color: #0e386d; border-bottom: 1px solid #0e386d;}
.modalpop .detail{width:100%; height: 240px; overflow-y: auto;}
.modalpop .detail .inner_content + .inner_content{margin-top: 20px; }
.modalpop .detail ul{width: 100%; padding: 15px 0;}
.modalpop .detail ul> li + li{margin-top: 10px;}
.modalpop .more_view{display: none;}
.modalpop .close_modal{position: absolute; top: 20px; right: 20px;}

.top_bnr.intro_bnr{background: url("/images/org06/intro_bg.jpg") 50% 50% #6a7682 no-repeat;}
.top_bnr.entrance_bnr{background: url("/images/org06/sub/entrance_bnr_bg_01.jpg") 100% 0 #6a7682 no-repeat;}
.top_bnr.curriculum_bnr{background: url("/images/org06/sub/curriculum_bnr_bg_01.jpg") 100% 0 #6a7682 no-repeat;}
.top_bnr.bachelor_bnr{background: url("/images/org06/sub/bachelor_bnr_bg_01.jpg") 100% 0 #6a7682 no-repeat;}
.top_bnr.support_bnr{background: url("/images/org06/sub/support_bnr_bg_01.jpg") 100% 0 #6a7682 no-repeat;}

#content{padding: 70px 0; min-height: 350px;}
.table_wrap{overflow: auto;}

/*센터소개*/

.three_step_sl{font-size: 1.55em; color: #9f5b01; font-family: serif; font-weight: 600; text-align: right;}
.three_step_sl > span{display: block; text-align: left;}
.three_step_object{width: 290px; margin: 15px auto; padding: 10px 24px; border: 1px dotted #b27016; overflow: hidden;}
.three_step_object > strong, .three_step_object > ul{float: left;}
.three_step_object > strong{margin-top: 10px; font-size: 1.1em; font-weight: 600;}
.three_step_object > ul{margin-left: 20px;}

.three_step{overflow: hidden;}
.three_step > li{float: left; width: 33.3333%;}
.three_step > li > strong{display:block; line-height: 50px; color: #fff; text-align: center;}
.three_step > li + li{background: url("/images/org06/border_bg.gif") 0 0 repeat-y}
.three_step > li.step1 > strong{background-color: #82d9e6;}
.three_step > li.step2{margin-top: 50px;}
.three_step > li.step2 > strong{background-color: #63d2d1;}
.three_step > li.step3{margin-top: 100px;}
.three_step > li.step3 > strong{background-color: #1aa2b6;}
.three_step > li > .step_con{padding: 18px 13px; overflow: hidden;}
.three_step > li > .step_con > dl{font-size: 0.95em;}
.three_step > li > .step_con > dl > dt{font-weight: 600;}
.three_step > li > .step_con > dl + dl{margin-top: 10px;}

.box_outline{display: table; margin-top: 20px;}
.box_outline > dl + dl{margin-top: 14px;}
.box_outline > dl > dt, .box_outline > dl > dd{display: table-cell;}
.box_outline > dl > dt{width: 132px; height: 38px; background: url("/images/org06/prc_bg.png") no-repeat; text-align: center; line-height: 33px;}
.box_outline > dl > dd{padding-left: 12px;}

.box_sh{margin-top: 35px; overflow: hidden;}
.box_sh > li{float:left;}
.box_sh > li + li{margin-left: 6.896551724137931%; padding-left: 9.224137931034483%; background: url("/images/org06/arr_next_ico.gif") 0 10px no-repeat;} /*80 / 1160*/   /*107 / 1160*/
.box_sh > li > span{display: block; min-width: 125px; padding: 0 10px; line-height: 29px; border: 2px solid #1aa2b6; text-align: center;}


.circle_wrap {width: 746px; margin: 35px auto;}
.circle_wrap.four{width: 930px;}
.circle_wrap > li{position:relative; float:left; width: 288px; padding: 24px 0; text-align: center; color: #fff; background-color: rgba(130, 217, 230, 0.9); border-radius: 48px; z-index: 1}
.circle_wrap > li.col2{background-color: rgba(26, 162, 182, 0.9); z-index: 2}
.circle_wrap > li + li{margin-left: -60px;}
.circle_wrap.two > li > strong {display:block; padding-bottom: 5px; font-size: 1.2em; border-bottom: 1px dashed #fff;}
.circle_wrap.two > li{width: 300px; height: 92px; padding: 15px 40px; border-radius: 60px;}
.circle_wrap.two > li > ul{margin-top:10px; overflow: hidden;}
.circle_wrap.two > li > ul > li{float: left; width: 50%; text-align: left;}
.circle_wrap.two > li + li{margin-left: -30px;}
.circle_wrap.four > li + li{margin-left: -80px;}

.order_wrap{overflow: hidden;}
.order_wrap > li {float: left;}
.order_wrap > li > .num_use{font-weight: 900; color: #1aa2b6; font-size: 1.7em;}
.order_wrap > li + li{margin-left:36px; padding-left: 44px; background: url("/images/org06/arr_next_ico.gif")0 15px no-repeat;}
/*직원 소개*/
.staff{position:relative;}
.staff_introduce{ overflow: hidden; font-size: 0.9em; letter-spacing: -1px;}
.staff_introduce .staff{float:left; width: 50%; min-height: 270px; text-align:left; overflow: hidden;}
.staff_introduce .staff > img{width:150px; vertical-align: top;}
.staff_introduce .staff > .photo_p, .modalpop .staff > .photo_p{float:left;}
.staff_introduce .staff > .staff_info,.modalpop .staff > .staff_info{float: left; padding: 0 0 3px 20px; width: 64%;} /*385 / 580*/
.staff_introduce .staff > .staff_info > h4, .modalpop .staff > .staff_info > h4{margin-bottom:12px; font-size: 1.3em;}
.staff_introduce .staff > .staff_info > h4 > em, .staff > .staff_info > h4 > em{font-size: 0.75em; font-weight: 300; font-style: italic; font-family: Raleway;}
.staff_introduce .staff > .staff_info > dl, .staff > .staff_info > dl{overflow: hidden;}
.staff_introduce .staff > .staff_info > dl + dl, .staff > .staff_info > dl + dl{margin-top: 5px;}
.staff_introduce .staff > .staff_info > dl > dt, .staff > .staff_info > dl > dt{float:left; margin-right: 10px; padding-right:5px; color: #ab6200; background: url("/images/org06/border_1.gif") 100% 50% no-repeat;}
.staff_introduce .staff > .staff_info > dl > dd, .staff > .staff_info > dl > dd{margin-left: 7px; font-weight: 400;}
.staff_info > dl > dd.pdl{padding-left: 14.3%;}
.staff_introduce .staff > .detail{display: none;}

.circle_wrapper{width: 550px; margin:30px auto; overflow: hidden;}
.circle_wrapper > li {float: left; text-align: center; color: #fff;}
.circle_wrapper > li:first-child{margin-top: 20px;}
.circle_wrapper > li:first-child > .in_circle{width: 146px; line-height: 146px; background-color: #82d9e6; border-radius: 50%;}
.circle_wrapper > li.circle_2{margin-left: 96px; padding-left: 124px; background: url("/images/org06/arr_next_ico_grd.gif") 0 50% no-repeat;}
.circle_wrapper > li.circle_2 > .in_circle{width: 170px; height: 170px; background-color: #1aa2b6; border-radius: 50%;}
.circle_wrapper > li.circle_2 > .in_circle > p{display: block; padding-top: 63px;}

.download_sec{margin-top: 46px; clear: both; overflow: hidden; text-align: center;}
.download{display: inline-block; width: 200px; margin-top:24px; padding:8px 0; overflow: hidden; text-align: center; background-color: #1aa2b6; border-radius: 15px;}
.download + .download{margin-left: 80px;}
.download > a {display:block; color: #fff;}



/*오시는 길*/

.map h5{font-size: 16px; font-weight: 400;}
.map iframe{width: 100%; height: 430px; border: none;}
.map > article{min-height: 70px; position: relative; margin: 50px 0;}
.map > article > h4:before{
    float:left;
    display: block;
    height: 60px;
    content: '';
    padding-left: 60px;
    background: url("/images/org06/map_ico.gif") no-repeat;
}
.map > article > h4{
    float: left;
    font-size: 1.25em;   /*20 / 16*/
    font-weight: 400;
}

.map > article > h5, .map > article > p, .map > article > div, .map > article > ul{margin-left: 180px;}
.map > article > h4 > span{padding: 0 0 5px 0; border-bottom: 2px solid #1d396c;}
.map > article.subway > h4 > span{border-color: #88cc98;}
.map > article.bus > h4 > span{border-color: #f7901e;}
.map > article.etc > h4 > span{border-color: #8dd5f6;}

.map > article.subway > h4:before{
    background-position: 0 -77px;
}
.map > article.bus > h4:before{
    background-position: 0 -154px;
}
.map > article.etc > h4:before{
    background-position: 0 -231px;
}

.map > article.subway > div.subway_line{margin-bottom: 20px; padding-left: 40px; background-repeat: no-repeat;}
.map > article.subway > div.subway_line.five{background-image: url("/images/org06/line5_ico.gif")}
.map > article.subway > div.subway_line.nine{background-image: url("/images/org06/line9_ico.gif")}

.map > article.subway > div.subway_line.five > h5{color: #80489c;}
.map > article.subway > div.subway_line.nine > h5{color: #c3a430;}

.map > article.bus > .bus_stop + .bus_stop{margin-top: 30px;}
.map > article.bus > .bus_stop > h5{float: left; color: #f7901e;}
.map > article.bus > .bus_stop ul{margin-left: 170px;}

/*게시판 리스트 css*/

.search_sec{margin-bottom: 20px;}
.total_cnt{float:left; font-size: 0.8em; line-height: 35px;}
.search_wrapper{float: right;}
.search_class{display: inline-block;}
.search_select{width: 134px; height: 35px; line-height: 35px; border: 1px solid #a6aaaf; text-indent: 10px; font-size: 0.95em;}
.search_text{width: 170px; height: 35px; line-height: 35px; border: 1px solid #a6aaaf !important; text-indent: 10px; font-size: 0.95em; box-sizing: border-box;}
.search_text:focus{background-color: #e6e6e6;}
.btn_group{text-align: right; margin: 20px 0;  overflow: hidden;}
.bbs_btn{display:inline-block; width:64px; height: 35px; line-height: 35px; color: #fff; background-color: #1594c3; text-align: center; border-radius: .28571429rem; font-size: 0.88em;}
.bbs_btn.list{float: left;}
.bbs_btn.edit{background-color: #00b5ad;}
.bbs_btn.del{background-color: #db2828;}
.bbs_btn_2.answer{display: block; width: 64px; height: 20px; margin-bottom: 5px; line-height: 20px; background-color:#f2711c; text-align: center; color: #fff; border-radius:.28571429rem;}
.btn_search, .btn_apply{display: inline-block; width: 64px; height: 35px; line-height: 35px; background-color: #82d9e6; border-radius: .28571429rem; color: #fff;}

.board_list_1{width: 100%; border-collapse: collapse; border-top: 2px solid #82d9e6;}
.board_list_1 th, .board_list_1 td{text-align: center; font-weight: 400;}
.board_list_1 thead th, .board_list_1 thead td{padding: 15px 6px;}
.board_list_1 tbody th, .board_list_1 tbody td{padding: 10px;}
.board_list_1 tr{border-bottom: 1px solid #ddd;}
.board_list_1 tr:hover{background-color: #f9f9f9;}
.board_list_1 td.b_sub{text-align: left;}
.board_list_1 td .ans{display: inline-block; padding: 3px 7px; background-color: #1aa2b6; font-size: 12px; color: #fff; border-radius: 2em; margin-left: 5px;}
.board_list_1 tbody td.b_name i.view_cnt{display: none; font-size: 0.7em; color: #b7b7b7;}
.board_list_1 td.b_attach img{width: 20px;}

.pagination{margin-top: 35px; text-align: center;}
.pagination > span{display: inline-block; vertical-align: middle;}
.pagination > span > a {display: block; width: 30px; height:32px; line-height: 32px; border: 1px solid #c5c7cc; margin: 0 3px;}
.pagination > span > a:hover, .pagination > span > a.active{border: 1px solid #1aa2b6;background-color: #1aa2b6; color: #fff;}

.pagination > span > a.btn-ico{width: 40px;}
.pagination > span > a.btn-ico.btn-first{background: url("/images/org06/board/btn_first_2x.gif") 50% 50% no-repeat; background-size: 40%;}
.pagination > span > a.btn-ico.btn-prev{background: url("/images/org06/board/btn_previous_2x.gif") 50% 50% no-repeat; background-size: 20%;}
.pagination > span > a.btn-ico.btn-next{background: url("/images/org06/board/btn_next_2x.gif") 50% 50% no-repeat; background-size: 20%;}
.pagination > span > a.btn-ico.btn-last{background: url("/images/org06/board/btn_last_2x.gif") 50% 50% no-repeat; background-size: 40%;}

/* 게시판 뷰 css */
.board_view_1{width: 100%; margin-top: 50px; border-collapse: collapse; border-top: 2px solid #1aa2b6;}
.board_view_1 th, .board_view_1 td{padding: 18px 10px 16px;}
.board_view_1 th, .board_view_1 td.v_date{border-right: 1px solid #ddd;}
.board_view_1 tr{border-bottom: 1px solid #ddd;}
.board_view_1 td.v_content{padding: 35px 10px;}
.board_view_1 tr:hover{background-color: #f9f9f9;}
.board_view_1 .attach_file img{margin-right: 20px; max-width: 20px; vertical-align: middle;}

.preview_list{width: 100%; margin-top: 50px; border-collapse: collapse; border-top: 1px solid #000; border-bottom: 1px solid #000;}
.preview_list th > a, .preview_list td{padding: 18px 10px 16px;}
.preview_list th{border-right: 1px solid #ddd;}
.preview_list tr:hover{background-color: #f9f9f9;}
.preview_list tr + tr{border-top: 1px solid #ddd}
.preview_list th a, .preview_list td a{display: block;}
.preview_list td.v_date{text-align: right;}

/*게시판 작성 및 수정 css*/
.board_write_1{width: 100%; margin-top: 50px; border-collapse: collapse; border-top: 2px solid #1aa2b6;}
.board_write_1 input[type="text"], .board_write_1 input[type="password"]{width: 100%; height: 35px; line-height: 35px; border: 1px solid #a6aaaf; text-indent: 10px; font-size: 0.95em;}
.board_write_1 th, .board_write_1 td{padding: 18px 30px 16px;}
.board_write_1 th, .board_write_1 td.v_date{border-right: 1px solid #ddd;}
.board_write_1 tr{border-bottom: 1px solid #ddd;}
.board_write_1 th.secret{border-left: 1px solid #ccc;}
.board_write_1 td.v_content{padding: 35px 30px;}
.board_write_1 td.v_content > textarea{width: 100%;}
.board_write_1 tr:hover{background-color: #f9f9f9;}
.board_write_1 .attach{margin:3px 0;}
.board_write_1 .attach > a {display: inline-block; max-width: 200px; margin-right: 10px; overflow: hidden; text-overflow: ellipsis; vertical-align: middle;}
.board_write_1 .attach_file{border: none; background-color: #fff;}

/*갤러리 게시판 */
.board_gallery{overflow: hidden;}
.board_gallery > li{float: left; width: 21%; margin: 2%;}
.board_gallery > li > .thumb_wrap{text-align: center;}
.board_gallery > li > .thumb_wrap > .gall_thumb{display:block; max-width: 240px; max-height: 100px;  border: 3px solid transparent;}
.board_gallery > li > .thumb_wrap > .gall_thumb:hover{border: 3px solid #1aa2b6;}
.board_gallery > li > .thumb_wrap > .gall_thumb > img{display:block; vertical-align: top; box-sizing: border-box;}

/* 동영상 게시판 */
.vid_wrap{overflow: hidden;}
.vid_box, .con_box{float:left; width: 47%;}
.con_box{margin-left: 6%;}
.vid_top{line-height: 40px; background-color: #1aa2b6;}
.vid_top > h3{margin-left: 5%; font-size: 1.4em; color: #fff;}
.vid_top > h3 > span{margin-left: 1%; font-size: 0.7em;}
.vid_con iframe{width: 100%; height: 350px; border: 0;}

.password_chk{width: 100%; margin-top: 50px; padding:250px 0; border-top: 2px solid #1aa2b6; border-bottom: 2px solid #1aa2b6; text-align: center; background: url("/images/org06/board/bg_password.png") 50% 50px no-repeat}


/*자가진단 그래프 css*/
.ratio{padding-top:5px;border: 0px; }
.ratio td{border: 0px; padding:10 10 10 10; width:60px;}
.ratio div{position:absolute;left:0;bottom:0;width:100%;background:url("/images/org06/gr_bar.gif") repeat;font-size:0; }
.ratio em{position:absolute;top:-20px;width:100%;font-size:12px;font-weight:bold;text-align:center}


@media (max-width: 1200px) {
    .sq_zone.quad > ul{display: inline-block;}
    .sq_zone.quad > ul > li{float: none; padding-left: 34px;}
    .sq_zone > ul > li > .sq{margin: 0 auto;}
    .btn_1{position:relative; top: auto;}
    .staff_introduce .staff{height: auto; margin-bottom: 20px;}
    .staff_introduce .staff > .staff_info, .modalpop .staff > .staff_info{width: 100%;}
    .staff_introduce .staff > .photo_p, .modalpop .staff > .photo_p{float: none;}
    .staff_introduce .staff > .staff_info{padding-left: 0;}

    .arr{float:none; width: 100%;}
    .arr + .arr{margin: 35px auto;}

    .plus_friend > li{float:none; }
    .plus_friend > li:first-child{padding: 0;}
    .plus_friend > li + li{margin-top: 25px; padding: 0;} /*60/ 1160*/
}
@media (max-width: 1024px) {

    .board_gallery > li{width: 33.3333%; margin: 0; padding: 2%; box-sizing: border-box;}
    .board_gallery > li > .thumb_wrap > .gall_thumb{box-sizing: border-box;}

    .box_sh > li{float: none;}
    .box_sh > li + li{margin: 15px 0; padding-left: 0; background: none;}

    .circle_wrap {width: 72.65625%; margin: 35px auto; overflow: hidden;}  /*744 / 1024*/
    .circle_wrap.four,  .circle_wrap.two{width: 100%;}
    .circle_wrap > li{position:relative; float:left; width: 38.70967741935484%; padding: 24px 0; text-align: center; color: #fff; background-color: rgba(130, 217, 230, 0.9); border-radius: 48px; z-index: 1} /*288 / 744*/
    .circle_wrap > li.col2{background-color: rgba(26, 162, 182, 0.7); z-index: 2}
    .circle_wrap > li + li{margin-left: -60px;}
    .circle_wrap.two > li + li{margin-left: 0;}


    .form_wrap{overflow: auto;}
    .consult_form{width: 100%; border-collapse: collapse;}
    .consult_form input[type="number"] {width: 35px;}
    .consult_form th, .consult_form td{display: block; border-top: 0;}
    .consult_form td span.mlp{margin: 0 1em;}
    .consult_form strong.main-s{font-size: 1.1em; font-weight: 700;}
    .consult_form ol.sub-s{margin: 15px 0;}
    .consult_form ol.sub-s > li + li{margin-top: 15px;}
    .consult_form .sub-s2{padding-left: 15px;}
    .agreement_wrap{margin:20px 0 10px; text-align: center;}
    .agreement_wrap > span + span{margin-left: 5%;}
    .agreement_wrap > span > input {margin-right: 5px;}
    .select-ul >li{width: 50%;}
}
@media (max-width: 768px) {
    .tab_menu{display: none;}
    .select_wrap{display: block; margin: 0 0 25px 0;}
    .select_wrap select{width: 100%;}
    .modalpop{width: 75%; height: 400px; overflow-y: auto; padding: 45px 2.586206896551724%;}    /*680 / 1160*/   /*30 /  1160*/
    .modalpop .staff_info{margin-bottom: 20px;}
    /*스쿨버스*/
    .ride_location{background-size: 100px; background-position: 100% 50px;}
    .line{float: none;}
    .line.nine{margin: 30px 0 0 0;}

    .bus_driver_tel{box-sizing: border-box;}
    .bus_driver_tel h4,  .bus_driver_tel > ul,  .bus_driver_tel > ul > li{float:none;}
   {float: none;}

    /*오시는 길*/
    .map > article > h4{float: none; margin-bottom: 40px;}
    .map > article > h5, .map > article > p,
    .map > article > div, .map > article > ul,
    .map > article.bus > .bus_stop ul{margin-left: 0;}
    .map > article.bus > .bus_stop > h5{float: none;}


    /* 동영상 게시판 */
    .vid_box, .con_box{float: none; width: 100%;}
    .con_box{margin: 25px 0 0 0;}
    .vid_top > h3{margin-left: 5%; font-size: 1.4em; color: #fff;}
    .vid_con iframe{width: 100%; height: 250px; border: 0;}

    .circle_wrap{width: 100%;}
    .circle_wrap > li{float: none; width: 100%;}
    .circle_wrap > li + li{margin: 25px 0;}

    .three_step_sl{font-size: 1.1em; color: #9f5b01; font-family: serif; font-weight: 600; text-align: center;}
    .three_step_sl > span{display: inline; text-align: center;}
}

@media (max-width: 640px) {
    .top_bnr{display: none;}
    /*캠퍼스맵*/
    .campus_zone .building{float: none; padding: 0;}
    .campus_zone .building + .building{margin-top: 50px;}
    .campus_zone .building.lg, .campus_zone .building.sm{width: 100%;}


    .ideal_circle .outer_circle{width: 100%;}
    /*스쿨버스*/
    .ride_location{background-size: 20%;}
    .bus_driver_tel{width: 100%;}
    .bus_time .bt_table{float:none; width: 100%;}
    .bus_time .bt_table + .bt_table{margin: 30px 0 0 0;}


    .application_wrap .application.timetable, .application_wrap .application.letter{background-size: 100px; background-position: 70% 50%;}

    .download + .download{margin-left: 0}

    .circle_wrapper{width: 100%;}
    .circle_wrapper > li{float: none;}
    .circle_wrapper > li:first-child > .in_circle{margin: 0 auto; padding: 0}
    .circle_wrapper > li.circle_2{margin: 50px 0; padding: 100px 0; background: url("/images/org06/arr_next_to_bottom_ico.gif") 50% 0 no-repeat;}
    .circle_wrapper > li.circle_2 > .in_circle{margin: 0 auto; padding: 0}

    /*게시판 css*/

    .total_cnt{float:none;}
    .search_wrapper{float: none;}
    .search_select{display:block; width: 100%; margin-bottom: 10px;}
    .search_text{width: 75%;}
    .btn_search{float:right; width: 24%;}

    .board_list_1, .board_list_1 tr,.board_list_1 th, .board_list_1 td{display: block;}
    .board_list_1 thead{display: none;}
    .board_list_1 tbody tr{position: relative;}
    .board_list_1 tbody td{padding: 0;}
    .board_list_1 tbody td.b_sub a{padding: 18px 10px 30px; display: block;}
    .board_list_1 tbody td.b_num, .board_list_1 tbody td.b_name,
    .board_list_1 tbody td.b_date, .board_list_1 tbody td.b_cnt{position: absolute;}
    .board_list_1 tbody td.b_num{top: 0; left: 10px;}
    .board_list_1 tbody td.b_name{bottom: 3px; left:10px;}
    .board_list_1 td .ans{position: absolute; right:0; top: 20px;}
    .board_list_1 td.b_attach img{position: absolute; right: 100px; bottom: 3px; width: 10px;}
    .board_list_1 tbody td.b_name i.view_cnt{display: inline-block; margin-left: 10px;}
    .board_list_1 tbody td.b_cnt{display: none;}
    .board_list_1 tbody td.b_date{bottom: 3px; right: 10px;}

    .pagination > span > a {width: 15px; height:16px; line-height: 16px;}
    .pagination > span > a.btn-ico{width: 15px;}

    /*게시판 작성 및 수정 css*/
    .board_write_1, .board_write_1 th, .board_write_1 td{display: block;}
    .board_write_1 th{padding: 10px 3%; text-align: left; border-bottom: 1px solid #ccc; border-right: 0; background-color: #f9f9f9;}
    .board_write_1 th.secret{border-left: 0;}
    .board_write_1 td, .board_write_1 td.v_content{padding: 16px 3%;}

    .board_gallery > li{width: 50%;}


}