@charset "utf-8";
/* CSS Document */
body.active:after {content: '';display: block;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);position: absolute;top: 0;left: 0;}
body.active {position:relative}
.tabs input[type="radio"]:checked + label + .tab
.sub_tit {width: 1200px; text-align: center; margin: 0 auto; font-size: 46px; color: #fff; text-shadow: 3px 3px 5px #000; padding-top: 100px;}
.subcont-top h4 {font-size: 34px; padding-top: 35px; color: #333;display:inline-block}
.subcont-top h4:after {content:'';display:block;width:100%;height:2px;background:#f4b221}
.subcont-top p {font-size: 18px; margin-top: 10px;display:none}
.sub_container {width: 1200px !important; margin: 0 auto; display: block; margin-bottom: 60px;}
.subcont-top {text-align: center; margin-bottom: 40px;}
#main_wrap{width: 100%;position: absolute;/* background:url(/usr/images/ipsi/mainvisual_img01.png) no-repeat center; */z-index: 9999999999999;}

#main_wrap .main_title {position: absolute;width: 100%;top: 25%;} 
#main_wrap .main_title h1{color: #fff;text-align: center;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);font-weight: normal;font-size: 48px;text-transform: uppercase;letter-spacing: -0.8px;} 
#main_wrap .main_title span{display: block;font-size: 30px;}



.breadcrump { background-color: #0f4075 /*rgba(16,22,36,0.7)*/ ; width: 100%; height: 50px;}




.breadcrump .breadcrump_inner {width: 1200px; margin: 0 auto; position:relative;}
.breadcrump .breadcrump_inner .bc_ul li {float: left ;height: 50px;line-height: 50px}
.breadcrump .breadcrump_inner .bc_ul .home a {text-indent:-99999px;display:inline-block}
.breadcrump .breadcrump_inner .bc_ul li a {color: #fff; font-size: 16px;}
.breadcrump .breadcrump_inner .bc_ul:after {content: ""; clear: both; display: block;}
.breadcrump .breadcrump_inner .bc_ul .home {background: url(/usr/images/ipsi/home.png) left no-repeat;}
.breadcrump .breadcrump_inner .bc_ul li:last-child {background: 0}
.breadcrump .breadcrump_inner .print {color: rgba(255,255,255,0.00); background: url(/usr/images/ipsi/print.png) right center no-repeat; float: right; margin-top: -40px;}
.breadcrump .breadcrump_inner .bc_ul li.home {width:22px;}


/* 공유하기 */
.breadcrump .breadcrump_inner .share{color: rgba(255,255,255,0.00); background:url(/usr/images/ipsi/icon_subshare.png) no-repeat center; float:right; margin:-40px 30px 0 0; background-size:contain;}
.breadcrump .breadcrump_inner .share_list::before{content: ""; display: block;position: absolute;top: -10px; left: 50%; transform: translateX(-50%);width: 0px;height: 0px;border-top:7px solid none;border-bottom:10px solid #ccc;border-right: 7px solid transparent;border-left: 7px solid  transparent;}
.breadcrump .breadcrump_inner .share_list::after{ content: ""; display: block; position: absolute; top: -9px; left: 50%; transform: translateX(-50%); width: 0px;height: 0px; border-top:7px solid none; border-bottom:10px solid #fff; border-right: 7px solid transparent; border-left: 7px solid  transparent;}
.breadcrump .breadcrump_inner .share_list{ position: absolute; top: 50px; right: 3px; z-index: 10; width: 110px; height: 80px; padding: 0 10px; border: 1px solid #ccc; background-color: #fff; box-sizing: border-box; text-align: center; display: none;}
.breadcrump .breadcrump_inner .share_list.action{ display: block;}
.breadcrump .breadcrump_inner .share_list ul::after{ content: ""; display: block; clear: both;}
.breadcrump .breadcrump_inner .share_list ul li{ float: left; width: 50%; box-sizing: border-box; text-align: center; padding: 7px 0 4px;}
.breadcrump .breadcrump_inner .share_list ul li a{text-align: center;}
.breadcrump .breadcrump_inner .share_list ul li a.naver_share{ background: url(/usr/images/suwon/naver_icon.png) no-repeat center;}
.breadcrump .breadcrump_inner .share_list ul li a.kakao_share{ background: url(/usr/images/suwon/kakako_icon.png) no-repeat center;}
.breadcrump .breadcrump_inner .share_list ul li a.link_share{ background: url(/usr/images/suwon/link_icon.png) no-repeat center;}
.breadcrump .breadcrump_inner .share_list span.close{text-indent: -9999px; display: inline-block; background: url(/usr/images/suwon/close.png) no-repeat center ; width: 13px; height: 13px; font-size: 0; color: transparent; cursor: pointer;}
.breadcrump .breadcrump_inner .share_list a{display:inline-block; width:40px; height:40px; text-indent:-9999px;}





.breadcrump .breadcrump_inner .bc_ul li:before {content: '';display: inline-block;width: 8px;height: 15px;background: url(/usr/images/ipsi/leftbar.png) no-repeat;margin-left:20px;margin-right:20px}
.breadcrump .breadcrump_inner .bc_ul li.home:before {display:none;}


/* download */
.download { text-align: center; margin-bottom: 50px;border:1px solid #dcdcdc;padding:30px;}
#pdf_embedscreen {margin: 0 auto;}
.download button {width: 250px;  border: 1px solid #A6A6A6;  font-size: 14px; padding: 15px 0; margin-right: 30px;background:#fff;}
.download button:last-child {margin-right: 0;}
.download button img {    vertical-align: middle; margin-bottom: 5px; margin-right: 10px;}

.qatab label {margin-bottom: 30px; width: 50%!important;}
.tabs { display: flex;  flex-wrap: wrap; width: 100%;   } 
.tabs label {  width:25%; order: 1;   display: block; padding:15px 0px; text-align:center; cursor: pointer;  background: #f4f4f4; font-size: 18px;transition: background ease 0.2s;border:1px solid #fff;box-sizing:border-box} 
.tabs .tab { order: 99; flex-grow: 1; width: 100%;  display: none;  padding: 1rem; position:relative} 
.tabs input[type="radio"] {  display: none; } 
.tabs input[type="radio"]:checked + label {  background: #f4b221;  color: #fff;} 
.tabs input[type="radio"]:checked + label + .tab { display: block;padding:0;}
h1 {color: #233653; background: url(/usr/images/ipsi/taptitbk.png)left top 48px no-repeat; padding-left: 30px; font-size: 24px; padding-top: 40px; padding-bottom: 10px; }
.tab01 {background: url(/usr/images/ipsi/subbk.png) right top 140px no-repeat; height: 755px;}
table {width: 100%; text-align: center;}



table thead tr {background-color: #e0e9f1 /*#575b66*/ ; border-top: 1px solid #abadb1;}
table thead tr th, table thead tr td { color: #233653; font-size: 17px; padding: 15px 0; border-bottom: 1px solid #abadb1;}
table tbody tr td { color: #333; font-size: 16px; padding: 18px 0; border-bottom: 1px solid #abadb1;}
.tab03 ul:after {content: "";clear: both; display: block;}
.tab03 ul li img {width: 380px; height: 217px;}
.tab03 ul li {float: left; margin-right: 14px;}
.tab03 ul li:last-child {margin-right: 0px;}
h6 { font-size: 18px; font-weight: 400; background: url(/usr/images/ipsi/subtit_2.png) left top 9px no-repeat; padding-left: 15px; margin-bottom: 10px; margin-top: 20px;}
p {font-size: 16px; line-height: 28px;}

.map label {  width:33%; order: 1;   display: block; padding:15px 0px; text-align:center; cursor: pointer;  background: #FFFFFF; font-size: 18px;transition: background ease 0.2s; border: 1px solid #ddd;} 
.map input[type="radio"]:checked + label {  background: #233653;  color: #fff;} 
.map .tab {  padding: 2rem;background-color: #eeeeee;}
.scj table {margin-top: 20px; }
.scj table tr td {text-align: center; vertical-align: middle;}
.scj label {  width:33%; order: 1;   display: block; padding:15px 0px; text-align:center; cursor: pointer;  background: #FFFFFF; font-size: 18px;transition: background ease 0.2s; border-bottom: 1px solid #ddd;} 

table.scholarship {text-align: left; margin-bottom: 20px; }
table.scholarship thead tr th{text-align:center;}
table.scholarship tr th{padding: 10px; vertical-align: middle; color:#233653;}


table.scholarship tr td {padding: 20px 10px; vertical-align: middle;text-align: center; }



/* SITEMAP */

.sitemap ul {float: left; width: 276px; margin-right: 32px; margin-bottom: 50px; text-align: center;}
.sitemap ul:nth-child(4) {margin-right: 0;}
.sitemap ul li i {font-size: 22px; color: #233653; font-weight: 500;}
.sitemap ul li:first-child {border: 1px solid #233653; padding: 15px 0;background-color: #fff;}
.sitemap ul li {background-color: #f2f2f2; font-size: 20px; padding: 15px 0;}







/* 일정 */

.calender {text-align: center; }
.calender .calender_title {margin: 0 auto; text-align: center; }
.calender .calender_title .month {font-size: 28px; font-weight: 600;   }
.calender .calender_table {margin-top: 30px;}
.calender .calender_title li { display: inline-block; margin-right: 15px;}
.calender .calender_title li img { padding-top: 6px!important;}
.calender .calender_title li:last-child {margin-right: 0;}
.calender table tbody {text-align: left;}
.calender table tbody tr td { color: #333; font-size: 16px; padding: 15px 35px; height: 120px; border-bottom: 1px solid #abadb1;vertical-align: top}

.calender table tbody tr td span {color: #0080b8; font-weight: 600;}
.search select {height: 42px;width: 155px; font-size: 16px; margin-bottom: 4px;}
.search input {height: 42px; width: 272px; margin-bottom: 4px; font-size: 16px;}
.search button {width:  90px; height: 42px; font-size: 16px;background-color:#f4b221; color:#fff; box-shadow: none; border: none;  }
.search { width: 534px; margin: 0 auto; margin-bottom: 20px;}
.figcap {margin: 50px 0 30px;}
.red {color: #ff0000; font-size: 16px;}

/* qna */
table.qna tbody tr td {vertical-align: middle; padding: 10px 0;}
table.qna tbody tr td img {vertical-align: middle!important;}

.qnawritewrap table tr th {background-color: #575b65; vertical-align: middle; color: #fff; font-size: 18px; width: 200px;}
.qnawritewrap tr:first-child {border-top:1px solid #abadb1}
.qnawritewrap table tr td {text-align:left; padding:18px 20px; }
.qnawritewrap textarea {height: 300px;width:100%;}
.qnabutton {margin: 30px 0 50px; float: right;}
.qnabutton button {font-size: 18px; width: 90px; height: 42px; color: #fff;}
.qnabutton .btn_yel {background-color: #f4b221; margin-right: 20px; border: 0;}
.qnabutton .btn_gry {background-color: #999;border:0;}
.qnawritewrap table tr td input.w100p {
    border: 1px solid #ddd;
    background: #fff;
    height: 32px;
    line-height: 30px;
    padding: 0 3px;
    box-sizing: border-box;
}
.file_icon a  {background: url(/usr/images/ipsi/hwp.png) left center no-repeat; padding-left: 35px;}





/* 버튼 */
.wait button {border: 1px solid #f4b221; width: 70px; height: 35px;background:#fff}
.fsh button {background-color:#f4b221; color: #fff;width: 70px; height: 35px;border:0}

.writebtn {text-align:right; margin-top:20px;}
.writebtn button {background-color: #233653; color: #fff;width:  90px; height: 42px; font-size: 16px; box-shadow: none; border: none; }


/* popup */

.boardpopup {width: 400px; margin: 0 auto;  border: 1px solid #999; padding: 20px; box-shadow: 2px 2px 4px rgba(153,153,153,0.4); }
.dialog-title {font-size:18px; font-weight: 500; color: #233653;}
.button-close {float: right; background: url(/usr/images/ipsi/close.png) center no-repeat; color: rgba(0,0,0,0.00);}
.bp-t {margin-bottom: 20px;}
.bp-b button {float: right; width: 80px; background-color: #f4b221; color: #fff; height: 42px; font-size: 18px;}
.bp-b:after {content: "";clear: both; display: block;}
.bp-text {margin-bottom: 20px;}
.bp-text span { vertical-align: middle; margin: 0 20px;}
.bp-text input {width: 280px;}

/*popup 추가*/
.pop-container {width: 400px;margin: 0 auto;padding: 60px 30px; position: relative;box-sizing:border-box; box-shadow: 1px 2px 4px #dcdcdc;
z-index: 5555555;background: #fff;}
.pop-container:after {content: '';display: block;clear: both;}
#RCancel{position:absolute;right: 10px;top: 5px; background: url(/usr/images/suwon/close.png) center no-repeat; color: rgba(0,0,0,0.00);border: 0;}
.pop-container #bbspasswd {width: 240px}
#ChkPasswd{display: block; width: 70px; background-color: #f4b221; color: #fff; height: 32px; font-size: 16px;text-align: center;line-height: 32px;float:right;border: 1px solid #f4b221}
.pop-container label {width: 70px;display:inline;line-height: 35px;background:#fff}
.dim-layer {position: absolute;left: 50%;top: 50%;margin-top: -77.2px;display:none}

/*팝업레이어.on*/
#board.on {height: 350px;overflow: hidden;}
#board.on:after {position:}
#board.on:after {position: absolute;width: 100%;height: 100%;background: #fff;top: 0;left: 0;z-index: 9999;content: '';display: block;}

/*비디오*/
.video_box {height:auto}
.video_box video{height:auto}

/*비밀글 설정*/
.td_cs label{width:130px !important;display:inline-block;margin:0}
.td_cs {padding:0}


/*view*/
.td_pb td:nth-child(1),.td_pb td:nth-child(2)  {padding-bottom:0}

/* FAQ */
.faq_wrap{}
.faq_wrap .faq > li{border-bottom: 1px dashed #ddd;}
.faq_wrap .faq > li > a{position:relative;display:block;min-height:19px; line-height: 26px;padding:25px 50px 15px;font-weight:400;box-sizing:border-box;background:url(/usr/images/ipsi/faq_arrow.png) right 50px center no-repeat;background-size:16px;}
.faq_wrap .faq > li:last-child{border-bottom:1px solid #ddd;}
.faq_wrap .faq > li > a:after{display:block;content:'';clear:both;}
.faq_wrap .faq > li > a > .icon_question{margin-top:-11px;display:inline-block;width:42px; height:40px;line-height: 26px;background:url(/usr/images/ipsi/icon_q.png) 0 0 no-repeat;text-indent:-9999px;}
.faq_wrap .faq > li > a > .tit{display:inline-block;font-weight:400;margin-left: 20px;font-size: 16px;}
.faq_wrap .faq > li.on{}
.faq_wrap .faq > li.on > a{background: url(/usr/images/ipsi/faq_arrow_on.png) right 50px center no-repeat;background-size:16px;}
.faq  .answer_wrap{display:none;padding: 20px 50px 20px;background-color:#f5f5f5;}
.faq  .answer_wrap > li{padding-left:65px;background:url(/usr/images/ipsi/icon_a.png) 0 0 no-repeat;line-height:1.8em;  vertical-align: middle}
.faq .file_wrap{display:block;margin-top:20px;padding-top:20px;border-top:1px dotted #ccc;}
.faq .file_wrap:after{display:block;content:'';clear:both;}
.faq .file_wrap .btn_file_down{display:block;width:100%;text-indent:0;box-sizing:border-box}



/* ff */

.formwrap {width:  1200px; margin: 0 auto; padding: 50px 0;}
.formwrap .top {text-align: center; margin: 0px 0 30px;}
.formwrap .top p.formtxttit {font-size: 28px; margin: 20px 0 5px; font-weight: 600;}
.formwrap .top p.formtxttit span { color: #062f6e; }
.formwrap .top p.formtxtsub {font-size: 18px;}
.formwrap .red span {color: #333;}
.formwrap .red {color: #c75252;}
.formwrap .green {color: #699b37;}
.formwrap .blue {color: #315f97;}
.formwrap .pink {color: #ca56a7;}
.formwrap h4 {text-align: left;}
.formwrap h4.red {font-size: 22px; font-weight: 500;}
.formwrap h4.green {font-size: 22px; font-weight: 500;}
.formwrap h4.blue {font-size: 22px; font-weight: 500;}
.formwrap h4.pink {font-size: 22px; font-weight: 500;}
.formwrap p {line-height: 28px;}
.redbox {border-bottom: 2px solid #c75252;border-top: 2px solid #c75252; margin: 20px 0 40px; padding: 15px; text-align: left;}
.greenbox {border-bottom: 2px solid #699b37;border-top: 2px solid #699b37; margin: 20px 0 40px; padding: 15px;text-align: left; }
.bluebox {border-bottom: 2px solid #315f97;border-top: 2px solid #315f97; margin: 20px 0 40px; }
.pinkbox {border-bottom: 2px solid #ca56a7;border-top: 2px solid #ca56a7; margin: 20px 0 40px; padding: 15px; }
.pinkbox_inner {text-align:center;border-top: 1px dashed #ca56a7; margin-top: 20px; padding-top: 15px;}
.pinkbox_inner p {font-size: 18px;}
.formwrap .school button {height: 40px; width: 120px;  background-color:#f4b221; font-weight:bold;  color:#fff; box-shadow: none; border: none; font-size: 18px; font-weight: 500; margin-left: 10px;}
.formwrap {text-align: center;}
.formwrap button {height: 60px; width: 30%;  font-size: 16px; color:#fff; box-shadow: none; border: none; font-size: 26px; font-weight: normal; margin-right: 20px;}
.formwrap button.bt1 {background-color: #315f97}
.formwrap button.bt2 {background-color: #c75252}
.formwrap button.bt3 {background-color: #062f6e}
.formwrap button.bt4 {background-color: #686868}
.formwrap button.bt5 {background-color: #699b37}
.formwrap button.bt6 {background-color: #c75252}
.formwrap button.bt7 {background-color: #315f97}


.formwrap div table th { background-color: #dfeaf5;color: #061833; font-weight: 100; text-align: center; padding: 20px; font-size: 18px; border-bottom:  1px solid #abadb1;}
.formwrap div table tr td {padding:5px 20px; vertical-align: middle; text-align: left;}
.formwrap div table.ret tr td {text-align: center;} 
.formwrap input[type="button"] {float: right; margin-top: -40px; background: url(/usr/images/ipsi/print_btn.png) center no-repeat;  width: 80px; border: 1px solid #ddd; height: 40px;}
.formwrap  input.f5[type="button"] {float: right; margin-top: -40px; background: url(/usr/images/ipsi/f5.png) center no-repeat;  width: 80px; border: 1px solid #ddd; height: 40px;}
/* contents */

.pg_wrap{text-align: center; margin: 30px 0;}
.pg_wrap button{width: 30px; height: 30px;font-size: 14px;margin-right: 10px; background-color: #fff;padding:0;border:none}
.pg_wrap button:last-child{margin-right: 0;}
.pg_wrap .on{border: 1px solid #f4b221;}
.pg_wrap .on a {color: #f4b221;font-weight: 600;}
.pagebotton {}
.pagebotton a {border: 1px solid #ccc;display:block;min-width: 30px;height: 30px;color: #777;line-height: 26px;box-sizing: border-box; vertical-align: top;text-indent:-9999px}
.pg_wrap button a {display:block;width:100%;height:100%;line-height:30px}
.pg_wrap .pageleft1 {background: url(/usr/images/suwon/paging_first.png) center center no-repeat;}
.pg_wrap .pageleft {background: url(/usr/images/suwon/paging_prev.png) center center no-repeat}
.pg_wrap .pageright1 {background: url(/usr/images/suwon/paging_last.png) center center no-repeat}
.pg_wrap .pageright {background: url(/usr/images/suwon/paging_next.png) center center no-repeat}

/* board */

table.table_write {width: auto;}
.table_write .writeinput {width: 100%;}
.table_write th, .table_write td{padding:15px 10px;line-height:30px;border-bottom:1px solid #eee; vertical-align: middle;}
.table_write td { text-align: left;}
.table_write th{background:#f7f7f7;text-align: center; font-weight: normal;}
.table_write tbody tr:first-child {border-top:1px solid #eee}
.table_write .file_txt p{margin-bottom:10px;}
.table_write .file_txt form select{width:100%;height:100px;overflow-y:auto;border:1px solid #ddd;padding:10px;box-sizing:border-box}
.table_write .file_txt form select option{display:block;max-width:97%;overflow:hidden;padding:2px 5px;white-space:nowrap;text-overflow:ellipsis;}
.select_box {float: left; margin-right: 20px;}
.table_write .file_attach{margin-top:10px;}
.table_write .file_attach:after{content:'';display:block;clear:both;}
.table_write .file_attach #in_file_01{border:none;width:100%;}
.table_write .input_s input{width:150px;margin-right:5px;}
.table_write .input_s span{display:inline-block;line-height:35px;}
.select_box_wrap:after {content: ""; clear: both; display: block;}
.btn_wrap{margin:30px 0;}
.btn_wrap:after{content:'';display:block;clear:both;}
.box_center{text-align:center;}
.box_right{float:right;}
.box_left{float:left;}
.box_right .btn,.box_center .btn{margin-left:5px;}
.box_left .btn{margin-right:5px;}
.btn{display:inline-block;min-width:80px;padding:0 15px;height:35px;line-height:33px;box-sizing:border-box;text-align:center !important;font-weight:400;}
.btn_basic{background:#fff;border:1px solid #333;color:#333;}
a.btn_point{background:#fff;border:1px solid #062f6e;color:#062f6e;}
.btn_line{background:#fff;border:1px solid #777;color:#777;}
.btn_gray{background:#f3f3f3;border:1px solid #e6e6e6;color:#333;}
.btn_gray2{background:#BDBDBD;border:1px solid #e6e6e6;color:#333;}
.btn_pdf{display:block;width:120px; margin:40px auto;}
.vm_none{border:1px solid #777;color:#777;}
.vm_check{border:1px solid #333;}
tabla.table_view {width: auto;}
.table_textleft {text-align: left;}
.table_view th{background:#575b66;color:#fff;width:130px;}
.table_view th, .table_view td{padding:15px 20px;border-bottom:1px solid #ddd;}
.table_view .prev button{display: block;float: right;width:18px;height:20px;background:url(/usr/images/ipsi/icon_prev.png) center no-repeat;text-indent:-9999px;border:0}
.table_view .next button{display: block;float: right;width:18px;height:20px;background:url(/usr/images/ipsi/icon_next.png) center no-repeat;text-indent:-9999px;border:0}
.table_view td.view_tit{border-top:2px solid #575b66;}
.table_view .view_tit .tit{margin-bottom:10px;font-size:18px;font-weight:500;line-height:24px;color:#333;}
.table_view .view_tit ul li{float:left;margin-right:20px;color:#777;}
.table_view .view_tit ul.view_txt_bottom li:last-child{float: right;}
.table_view .view_tit ul.view_txt_bottom:after{content:'';clear: both;display: block;}
.table_view .file_down ul li a{display:block;padding:10px;padding-left:40px;background: url(/usr/images/ipsi/icon_save_02.png) left center no-repeat;box-sizing:border-box;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.table_view .day{color:#777;font-weight:300;text-align: center;}
table td.table_center{text-align:center;}
table.test {margin-bottom: 50px;}
.table_view th {vertical-align: middle; text-align: center;}
table.test thead tr th {color: #fff; font-size: 16px; vertical-align: middle;padding: 15px;}
table.test thead tr:first-child {background-color: #3f658e /*#575b65*/ }
table.test thead tr:nth-child(2) {background-color: #edf0f5 /*#707582;*/ border-top: 0;}
table.test thead tr:nth-child(2) th{color : #333;}



table.test .solidborder {border-right: 1px solid #bbbbbb;}
table.test .dashdborder {border-right:  1px dashed #bbbbbb;     color: #333;}
table.test .solidborder2 {border-right: 1px solid #575b65;}
table.test tbody tr td {vertical-align: middle;}
table.pd_0 tbody tr td { padding: 0; }

table.pd_0 tbody tr td input{width: 100%;}


.testbutton button {width: 130px; height: 50px; font-size: 18px; color: #fff; font-weight: 500;}
.testbutton button:nth-child(2) {background-color: #999999;}
.testbutton button:first-child { background-color: #f4b221; margin-right: 30px;}
.testbutton {text-align: center; margin: 50px 0 70px;}
.testtablebg {background-color: #f8f8f8 !important /* #eeeeee */; color: #333!important;}
.sub_container .right {float: right;}
.sub_container:after {content: ""; clear: both; display: block;}
.mb0 {margin-bottom: 0!important;}
.tetanohe th {background-color:#575b65; font-size: 18px; vertical-align: middle; color: #fff;}
.tetanohe tr:first-child {    border-top: 1px solid #abadb1;}
.tetanohe tr td:last-child {text-align: left; padding-left: 20px;}
.tetanohe th:first-child {    border-top: 1px solid #abadb1;}
.testtablefontbold td {font-weight: 500;}
.dashdborder button {border: 1px solid #666666; padding: 10px 35px;;}
.dashdborder .btnmargin {margin-right: 20px;}


/*추가*/
.daon_bxslider li{height:200px;}
a.button {padding: 10px 15px;background: #f0f0f0;}
/*190426*/
table tbody tr td {vertical-align: middle;}
table th { font-weight: normal}
/*190827*/
.table_tit_wrap{border-top:1px solid #ddd;}



/*슬라이더*/
.bx-wrapper {
   position: relative;
   margin: 0 auto 60px;
   padding: 0;
   *zoom: 1;
}

.bx-wrapper img {
   max-width: 100%;
   display: block;
}
.bx-wrapper .bx-viewport {
   
   /*fix other elements on the page moving (on Chrome)*/
   -webkit-transform: translatez(0);
   -moz-transform: translatez(0);
       -ms-transform: translatez(0);
       -o-transform: translatez(0);
       transform: translatez(0);
}

/* PAGER */

.bx-wrapper .bx-pager {
   text-align: center;
   font-size: .85em;
   font-family: Arial;
   font-weight: bold;
   color: #666;
   padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
   display: inline-block;
   *zoom: 1;
   *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
   background: #b4b4b4;
   text-indent: -9999px;
   display: block;
   width: 10px;
   height: 10px;
   margin: 0 5px;
   outline: 0;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
   background: #f4b221;
}


/*팝업 추가*/
.popup_01 {width: 531px;box-sizing: border-box;padding:20px;border: 1px solid #dcdcdc}
        .popup_01 h3{text-align: center;font-size: 26px;color: #062f6e;}
        .popup_01 h3 span{color: #222}
        .popup_01 h3 img {width: 150px;display: block;margin: auto;margin-bottom: 10px}
        .popup_01 ul {margin-top: 15px;}
        .popup_01 ul::after {content: '';display: block;clear: both}
        .popup_01 ul li{float: left;width: 157px;margin-right: 8px;color: #fff;text-align: center;font-size: 18px;padding:10px 0}
        .popup_01 ul li:nth-child(1){background: #315f97}
        .popup_01 ul li:nth-child(2){background: #699b37}
        .popup_01 ul li:nth-child(3){background: #c75252;margin-right: 0;}


/*수능성적산출기*/
input#pointStu02 {margin-top:5px}
/*pc*/
@media(max-width:1200px){
#main_wrap {height:450px;}
.breadcrump {box-sizing:border-box;padding:0 10px;}
.sub_tit,.sub_container ,.breadcrump .breadcrump_inner,.formwrap {width: 100% !important;}

.writebtn button {margin-bottom:10px;}

.writebtn {margin-top:0}

.qnawritewrap table tr th {max-width:200px;width:15%;}

}



/* Mobile & Tablet */
@media (max-width:1079px){
/*공통*/
.sub_container {padding: 10px;box-sizing: border-box;}
.sub_container h1 {font-size: 18px;background-size: 5px;padding-left: 15px;}
.sub_container p {font-size: 14px;line-height: 22px}

.download {border:0;padding:0}

/*.formwrap*/
.formwrap {width: 100%; margin: 0 auto; padding: 50px 10px; box-sizing: border-box;}
.formwrap .top p.formtxttit {font-size: 22px;}
.formwrap .top p.formtxtsub {font-size: 16px;line-height:1.5}
.subcont-top h4 {font-size: 26px;}
.subcont-top p {font-size: 16px;}
.formwrap h4.red,.formwrap h4.green,.formwrap h4.blue,.formwrap h4.pink {font-size: 20px;}
.formwrap .redbox,.formwrap .greenbox,.formwrap .bluebox,.formwrap.pinkbox {margin: 15px 0}
.formwrap .redbox p,.formwrap .greenbox p,.formwrap .bluebox p,.formwrap .pinkbox p{font-size: 14px;}  
.download button {width:31%;margin-right: 2.7%;margin-bottom: 5px;font-size: 14px;max-width:250px;}
.none {display: none;}
/*테이블*/
.scj table tr td{font-size: 14px !important;}
.writebtn {margin-top:0}
/*검색*/
.search {width:100%}
.search button {width:15%;max-width:90px;}
.search input {width:63%}

/*테이블 - 수능성적산출기*/
.test .dashdborder button {width: 90%;max-width: 120px;height: 40px; text-align: center;padding: 0;text-align: center;display: block;margin: auto;font-size: 12px;}



/*홍보브로셔*/
#pdf_embedscreen {width: 100% !important}
#pdf_embedscreen object {width: 100% !important;height: 400px;}
    
/*다온*/
.tab h6 {font-size: 16px;background-size: 4px;}
    
/*.breadcrump*/
.breadcrump .breadcrump_inner .print{display: none}


table tbody tr td {padding:5px 0}
.calender table thead tr td {padding:20px 5px;font-size:14px}
.calender table tbody tr td {padding:0;padding-top:5px;padding-left:5px}
.calender table tbody tr td p {font-size:0.8em}
.calender .calender_title .month {font-size:20px}
.calender .calender_title li img {padding-top:0 !important}

table colgroup.mobile{display: none;}



}

/* Tablet */
@media (min-width:768px) and (max-width:1079px){

}

/* Mobile */
@media(max-width:768px){
#main_wrap {height: 0}
.formbotton button {height: 60px; width: 40%;  font-size: 16px; color:#fff; box-shadow: none; border: none; font-size: 18px; font-weight: normal; margin-right: 20px;}
.formwrap button {font-size: 16px;width: 40%;height:50px; margin-right:0;}
.formbotton button:nth-child(2) {margin-right: 0;}
.formwrap .school button {height: 40px; width: 80px;  background-color:#f4b221; font-weight:bold;  color:#fff; box-shadow: none; border: none; font-size: 14px; font-weight: 500; margin-left: 10px;}
    
/*테이블*/
.w768 {width: 100%; overflow-x: scroll;display: block;}
.w768 table {width: 768px;}
.w768 colgroup {display:none;}
/*테이블 - 수능성적산출기*/
.test {width: 100%;}
.test thead th {font-size: 13px;}
.test td {font-size: 13px;}
.test .dashdborder button {width: 90%;max-width: 120px;height: 40px; text-align: center;padding: 0;text-align: center;display: block;margin: auto;font-size: 12px;}
.dashdborder .btnmargin {margin-bottom: 5px !important;}
table.test thead tr th {padding: 10px;font-size: 13px;}        
.tetanohe th {font-size: 13px;}
table tbody tr td {font-size:13px}

/*탭*/
.tabs label {font-size: 14px}
    
/*맵*/
.map label {box-sizing: border-box;width:}    
/*장학제도 테이블*/
.scholarship thead td {font-size: 14px;padding: 0}
table.scholarship tr td {padding: 5px;font-size: 14px;}

/*다온 테이블*/
.tab table thead td {font-size: 14px;}
.tab table tbody td {font-size: 14px;}
.tab table tbody td {padding: 8px 0;}


/*게시판 list*/
table thead tr td {font-size:14px}

/*게시판 view*/
.btn_wrap a {font-size: 12px;}    
.table_view th, .table_view td {padding:10px}
table.table_view colgroup{display: none !important;}

table colgroup.mobile{display: contents !important;}

.table_view th {width:30%;font-size:14px}
.table_view .next button,.table_view .prev button {background-size:10px}

.table_view.table_textleft tr:nth-child(2) td table{width:100% !important;}
.table_view.table_textleft tr:nth-child(2) td table td{width:100% !important;} 
.table_view.table_textleft tr:nth-child(2) td table span {font-size:14px !important;}

/* .table_view .view_tit .tit {font-size:14px} */

/*.breadcrump*/
.breadcrump {height: 50px;display:none}
.breadcrump .breadcrump_inner .bc_ul li {height: 50px;line-height: 50px;}
.breadcrump .breadcrump_inner .bc_ul li.bc_dep2 {padding-left:15px;}
.breadcrump .breadcrump_inner .bc_ul li a {font-size: 14px;}
 .breadcrump .breadcrump_inner .bc_ul li {width: 33%;}

/*검색*/
.search {width: 100%;}
.search select {width: 18%;font-size:14px;height:35px;padding:0}
.search input {width: calc(100% - 19% - 80px);font-size: 14px;height:35px;}
.search button {width: 80px;float:right;font-size:14px;height:35px}


/*버튼*/
.writebtn {margin-top:0; }
.writebtn button {margin-bottom:10px;font-size:14px;width:80px;height:35px}
.qnabutton .btn_yel {margin-right:0;}
/*게시판 list*/
.hit {display: none}

/*FAQ*/
.faq_wrap .faq > li > a > .tit {font-size:14px}
.faq .answer_wrap > li p {font-size:14px}
.faq .answer_wrap ,.faq_wrap .faq > li > a{padding: 20px 10px 20px;}


/*FAQ write*/
.qnawritewrap colgroup{display:none}
.qnawritewrap table:nth-child(2) td { display: block; width: 100%;}
.qnawritewrap table:nth-child(2) tr:nth-child(1) td:nth-child(4) {border:0}
.qnabutton button {font-size:13px;width:67px;height:30px}
.qnabutton {margin:15px 0;}




/*버튼*/
.fsh button {font-size:10px;float:right;margin:5px 0;width:60px;}
.wait button {float:right;font-size:10px;width:60px;}

.subcont-top {margin-top:70px}

/*서식다운로드*/
table#tb thead {display:none}
table#tb td {padding:10px 0}
#tb tbody {border-top:1px solid #abadb1 }
#tb colgroup {display: none;}
#tb tr td:last-child,#tb tr td:first-child {display:none}
#tb tr td:nth-child() {}
#tb tr td:nth-child(2) {width: 8%;}
#tb tr td:nth-child(5) {width:18%}
#tb tr td:nth-child(4){display:none}
#tb tr td:nth-child(3){width:73%;text-align:left; padding-left:5px; box-sizing; border-box;}

#tb tr td:nth-child(3) a{text-align:left; }


/*qna_list*/
.qna_list thead {display:none}
.qna_list tbody {border-top:1px solid #abadb1 }
.qna_list colgroup {display: none;}
.qna_list tr td:last-child,.qna_list tr td:first-child,.qna_list tbody tr td:nth-child(4),.qna_list tbody tr td:nth-child(5){display:none}
.qna_list tr td:nth-child() {}
.qna_list tr td:nth-child(2) {width:75%}
.faq .answer_wrap, .faq_wrap .faq > li > a {padding: 20px 10px 20px;overflow-x: scroll;width: 100%;}

.qnawritewrap table tr td input.w100p {width:95%;}



.tabs .tab {padding:0}

/*내신성적산출기*/
table.test {margin-bottom:30px}
.testbutton{margin:20px 0 30px;font-size:14px}




/*입시설명회*/
.formwrap colgroup{display:none}
.formwrap div table th {font-size:14px;width:100px}
input#studFcstHcnt {width:50px;}

/*QnA view*/
.qnawritewrap table tr th {width:80px;font-size:16px}
.qnawritewrap .fw {width:100%}

.download button {width: 90%;margin-right: 0;margin-bottom: 5px;font-size: 14px;max-width: 250px;display: block;margin: 5px auto;}
.download button:last-child {margin-right:auto}

}


@media (max-width:540px){

/*qna_list*/
.qna_list thead {display:none}
.qna_list tbody {border-top:1px solid #abadb1 }
.qna_list colgroup {display: none;}
.qna_list tr td:last-child,.qna_list tr td:first-child,.qna_list tbody tr td:nth-child(4),.qna_list tbody tr td:nth-child(5){display:none}
.qna_list tr td:nth-child() {}
.qna_list tr td:nth-child(2) {width:75%}
.tab .qna_list  table tbody td {padding: 0px;}
/*qna write*/
.qnawritewrap table tr th {display:none}
.qnawritewrap table tr td {display:block;width:100%;}

.qnawritewrap table tr td input.w100p {border: 1px solid #ddd;background: #fff;height: 32px;line-height: 30px;padding: 0 3px;box-sizing: border-box;width:100%}

.qnawritewrap table tr:nth-child(1) td:nth-child(2):before {
    content: '작성자';
    display: block;
    margin-bottom: 10px;
}
.qnawritewrap table tr:nth-child(1) td:nth-child(4):before {
    content: '비밀번호';
    display: block;
    margin-bottom: 10px;
}
.qnawritewrap table tr:nth-child(3) td:nth-child(2):before { content: '제목';
    display: block;
    margin-bottom: 10px;
}

/*가온*/
.tab03 ul li img {display:block;max-width:380px;height:auto;margin:5px auto;width:90%;}
.tab03 ul li {margin-right:0}

/*게시판*/
#tb tbody tr td:nth-child(4),#tb tbody tr td:nth-child(5) {font-size:11px}

.writebtn button {width:60px;font-size:12px;}
/*팝업*/
.dim-layer {margin-left:-50%;width:95%}
.pop-container {width:100%;padding:30px}
div#layer2 {margin-left:0 !important}
.pop-container #bbspasswd {width:100% !important;}
#ChkPasswd {width:80px;font-size:14px;float:none;margin:5px auto;}

/*페이징*/
.pagebotton a {line-height:initial;box-sizing:border-box;width:7%;}
.pg_wrap button {height:auto;margin-right:0.6%;width:6.5%;box-sizing:border-box;}
.pg_wrap button a {line-height:initial;min-width:7%}


.pagebotton {}

/*내신성적산출기*/
table.test {margin-bottom:30px}
.testbutton{margin:20px 0 30px;font-size:14px}





/*faq*/
.faq_wrap .faq > li > a > .icon_question {background:url(/usr/images/ipsi/icon_q.png) center center no-repeat;width:30px;height:30px;line-height:30px;vertical-align: middle;}
.faq_wrap .faq > li > a > .tit {width:calc(100% - 60px);vertical-align: middle;}
.faq_wrap .faq > li > a {background:url(/usr/images/ipsi/faq_arrow.png) right  no-repeat}
.faq_wrap .faq > li.on > a {background:url(/usr/images/ipsi/faq_arrow_on.png) right center no-repeat}
.search button {width:60px;font-size:12px}

/*입시설명회*/
.formwrap colgroup{display:none}
.formwrap div table th {font-size:14px;width:100%;display:block;padding:15px;box-sizing:border-box;}
.formwrap div table td {display:block;width:100%;padding: 20px 0 !important;text-align:center !important;}
.formwrap input[type='text'] {width:25%}
.formwrap #etcReqItem {width:90%}
.formwrap #tpicEmailAddr03 {margin-top:8px;width: 90%;}
.formwrap #zipAddr {width:90%}
.formwrap #tpicNm {margin-left:0px !important}
input#hishSculCd {width: 44%;}
input#applrEmailAddr01,input#applrEmailAddr02 {width:42.7%}
select#applDt,select#applrEmailAddr03 {width:90%;}
input#tpicEmailAddr01,input#tpicEmailAddr02 {width: 42.7%;}
input#studGrde {width:30px}
input#hishSculNm{height:auto;width:44%;}
select#applrEmailAddr03 {margin-top:8px}
.formwrap .school button{height:35px;font-size:12px;margin-left:0;margin-right:0;margin-top: 10px;}
select#applCd {width:90%;}
input#clssCntGrd3 {width:50px;}

/*검색*/

.search select {width:22%;font-size: 14px;}
.search input {width:calc(95% - 19% - 60px)}
/*서식다운로드 view*/
#file1 {vertical-align:middle}


}