@charset "utf-8";
/* CSS Document */

/* PROMOTION */
    #promotion{width:100%; display:none; height:auto; margin:0 auto;}
    .pro_banner{width:100%; display:block; color:#fff; font-size:2em; padding:20px}
    .pro_banner img{width:60%; max-width:400px; display:inline-block;}
    #hide_wrap{width:100%; height:auto; background-color:#cccccc; display:block; text-align:center;
    background-image:url(img/bg.jpg); background-repeat:no-repeat; background-size:cover;}
    .hide_banner{width:100%; max-width:700px; background-color:transparent; color:#fff; font-size:1.2em; font-weight:bold;
    display:inline-block; padding:20px 0; margin:0 auto; line-height:30px; vertical-align: top;}
    .more{width:100px; height:30px; margin-left:2em; background-color:transparent; color:#fff; font-size:12px; 
    line-height:30px; text-align:center; border:solid #fff 1px; display:inline-block; vertical-align: top;}
    #close{width: 80px; height:80px; font-size:36px; margin:0 auto; padding:0;}
    .promotion_button {
    font-size:100px; line-height:50px; text-align:center; color:#FFFFFF;
    padding: 10px 0; background-color:transparent;
    text-decoration: none; cursor:pointer; border:0; transition: all 500ms ease;}
    .promotion_button p{font-size:12px; line-height:0;}
    .promotion_button:link{color:#ffffff; outline:0;}
    .promotion_button:visitied{color:#ffffff; outline:0;}
    .promotion_button:hover{color:#cccccc; outline:0;}
    .promotion_button:active{color:#ffffff; outline:0;}
    .promotion_button:focus{color:#ffffff; outline:0;}
    .promotion_button img{width:50%;}
    .slogan{width:80%; margin:0 auto; text-align:center; padding:50px 0}
    .slogan img{width:100%; max-width:500px; height: auto;}
    .pro_list{width:100%; max-width:500px; margin:0 auto; padding-bottom: 50px; text-align:center; }
    .pro_no{display:inline-block; width:30%; height:auto; min-width:80px; max-width:160px; vertical-align:top;
    font-size:2em; color:#fff; font-weight:bold; }
    .pro_no img{width:100%; height: auto;}
    .pro_txt{display:inline-block; width:50%; text-align:left; font-size:1em; color:#fff; line-height:1.4em; height:auto; margin-left:1em; margin-top: -0.3em; vertical-align:top; }
    .pro_txt strong{font-size:1em}
	/*2022.03.03 추가*/.line_box{width: 100%;
    font-size: 15px;
    height: auto;
    padding: 20px 30px;
    line-height: 28px;
    margin: 25px 0;
    color: #464646;
    border: 4px solid #eeeff0;}


/* FOOTER */
    #footer {background-color: #363b41; color: #dddddd; font-size: 12px; width: 100%; height: 240px; text-align: center; padding:0 5px;}
    #footer p{font-size: 1em; margin:10px 0;}
    .sns .PC {line-height: 10px; padding: 20px 0;}
    .sns img {margin: 20px 10px;}
  

/* BOOTSTRAP */
/* MAIN */
    body{background-color: #f0f0f0;}
    .bg-white{background: #ffffff;}
    .bg-grey{background: #f0f0f0;}
    .bg-ksblue{/*background: #435a95;*/}
    .bg-img{background:url('img/bg_main.jpg') no-repeat ; background-size: cover; background-color: #f0f0f0}

	/* NAVBAR */
	.fl-r{float:right; clear:both;}
    hr{padding:0; margin:0!important}
    .navbar{margin-bottom:0;}
    .navbar-nav{margin:0 -15px;}
    .navbar-default .navbar-nav>li>a{color:#ffffff; font-weight:bold;}
    .navbar-default .navbar-nav>li>a:hover{color:#aaaaaa;}
    .navbar-default .navbar-nav>li>a:focus{color:#aaaaaa;}
    .navbar-default .navbar-nav>li>a:active{color:#aaaaaa;}
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{/*background:#435a95;*/background: transparent; color:#cccccc;}
    .navbar-background{position: absolute; z-index: 1000; width: 100%; background: rgba(12, 19, 29, 0.8);}
    .navbar-toggle{border:0}
    .navbar-brand {padding:0;}
    .navbar-brand img{height:40px; float:left; margin:5px 10px;}
    .dropdown .glyphicon{padding-top:2px;}
    .dropdown-menu{padding:0;}
    .dropdown-menu li{padding:5px 0; color:#333333;}
    .main_header{padding:50px 5px 0 5px; box-sizing: border-box; max-width: 1170px; margin:0 auto;}
    .container{padding:0;}
    .navbar>.container .navbar-brand{margin:0;}

	/* MAIN CONTENTS */
    .mozip_box{max-width:768px; margin:0px auto; padding: 0 5px 25px 5px;}
    .board_box{max-width:768px; margin:20px auto; padding:0; background: #ffffff; box-shadow: 0px 1px 2px #cccccc; position:relative;}
    .board_list ul{list-style: none; padding:10px 0;}
    .board_list li {list-style: none; position: relative; font-size: 12px; margin: 3px 0;}
    .board_list h4 { margin: 0; line-height: 12px; font-size: 12px; height: 28px; overflow: hidden;
    white-space: nowrap; color: #666666; font-weight: bold; text-overflow: ellipsis; padding: 0.3em 7em 0.3em 1em;}
    .board_list a:link{text-decoration: none;}
    .board_list h4:hover{color:#cccccc;}
    .board_list span{position: absolute; right: 10px; top: 0.1em; font-size: 12px; color: #666666; font-weight: bold;}
    .box_admission{color:#ffffff; background-color:rgba(255,255,255,0.1); border:0px solid #222222; box-shadow: 0px 0px 5px #222; box-sizing: border-box; font-weight:bold; font-size: 1.1em; padding:35px 0; margin:5px 0; height:100px;}
    .box_industry{color:#ffffff; background-color:rgba(255,255,255,0.1); border:0px solid #222222; box-shadow: 0px 0px 5px #222; box-sizing: border-box; font-weight:bold; font-size: 1.1em; padding:27px 0; margin:5px 0; height:100px;}
    .box_transfer{color:#ffffff; background-color:rgba(255,255,255,0.1); border:0px solid #222222; box-shadow: 0px 0px 5px #222; box-sizing: border-box; font-weight:bold; font-size: 1.1em; padding:37px 0; margin:5px 0; height:100px;}
    .box_bachelors{color:#ffffff; background-color:rgba(255,255,255,0.1); border:0px solid #222222; box-shadow: 0px 0px 5px #222; box-sizing: border-box; font-weight:bold; font-size: 1.1em; padding:17px 0; margin:5px 0; height:100px;}
    .container>.navbar-header{margin:0;}
    .container>.navbar-collapse{margin:0;}
    .main_slogan{width:100%; margin:0 auto 50px auto;}
    .main_slogan img{width:100%; max-width: 454px}
    .board_more{position: absolute; right: 10px; top: 12px; width: 20px; height: 20px; background-image: url(http://m.bsks.ac.kr/tpl/img/more.png); background-repeat: no-repeat; background-size: contain;}
    h4{font-size:14px;}

    .row{margin:0;}
    .col-xs-12{padding-right:5px!important; padding-left: 5px!important}
    .col-xs-6{padding-right:5px!important; padding-left: 5px!important}
    .col-xs-4{padding-right:5px!important; padding-left: 5px!important}
    .dept_wrap{max-width:500px; margin:0 auto; padding-top:20px;}

    .box_faq{color:#ffffff; background:#319ae6 url('img/faq.png') no-repeat right bottom; background-size: 50%; border:0px solid #000000; box-sizing: border-box; box-shadow: 0px 0px 1px #999; font-weight:bold; font-size: 1.1em; padding:19px 0; margin:5px 0; height:60px;}
    .box_check{color:#ffffff; background:#ff7144 url('img/glass.png') no-repeat right bottom; background-size: 50%; border:0px solid #000000; box-sizing: border-box; box-shadow: 0px 0px 1px #999; font-weight:bold; font-size: 1.1em; padding:19px 0; margin:5px 0; height:60px;}
    .box_pf{color:#f5dc22; background:#47292b url('img/pf.png') no-repeat right bottom; background-size: 100%; border:0px solid #000000; box-sizing: border-box; box-shadow: 0px 0px 1px #999; font-weight:bold; font-size: 1.1em; padding:8px 0; margin:5px 0; height:60px;}
    .padding-vertical{padding:10px 0;}


/* SUBPAGE */
	.b1{padding-left:10px;}
	.admission_title{width:100%; max-width:768px; height:140px; background:url('img/admission_bg.jpg') no-repeat; text-align: center; line-height: 140px;}
	.bachelors_title{width:100%; max-width:768px; height:140px; background:url('img/bachelors_bg.jpg') no-repeat; text-align: center; line-height: 140px;}
	.transfer_title{width:100%; max-width:768px; height:140px; background:url('img/transfer_bg.jpg') no-repeat; text-align: center; line-height: 140px;}
	.industry_title{width:100%; max-width:768px; height:140px; background:url('img/industry_bg.jpg') no-repeat; text-align: center; line-height: 140px;}
	.faq_title{width:100%; max-width:768px; height:140px; background:url('img/faq_bg.jpg') no-repeat; text-align: center; line-height: 140px;}
	.qna_title{width:100%; max-width:768px; height:140px; background:url('img/qna_bg.jpg') no-repeat; text-align: center; line-height: 140px;}
	.notice_title{width:100%; max-width:768px; height:140px; background:url('img/notice_bg.jpg') no-repeat; text-align: center; line-height: 140px;}
	.check_title{width:100%; max-width:768px; height:140px; background:url('img/check_bg.jpg') no-repeat; text-align: center; line-height: 140px;}

	.admission_contents{background-color:#ffffff; padding:10px; width:100%; max-width:1170px; margin:0 auto;}
	h3{font-size: 16px; color: #FFFFFF; margin:0; padding:10px 0;}
	.panel-default{padding-left:10px; background-color: #1674d8;}
	.panel_contents{font-size:12px; padding:0 8px 40px 8px;}
	.panel_contents p{}
	.table{font-size:12px}
	.table>thead>tr>th{padding:5px; border-bottom: 2px solid #435a95}
	.table>tbody>tr>td{padding:5px;}
	.panel_contents ul{ padding:0 4px;}
	.panel_contents ul li{list-style: none; margin:10px 0;}
	.table-reponsive{overflow-x: scroll;}
	.guideline_down{margin:0 auto 20px auto; height:60px; max-width:454px; background-color:#1674d8; text-align:center; line-height:56px;box-shadow: 0px 0px 2px #aaa; background-image: url('img/transparent_bg.png'); background-size: cover; }
	.guideline_down img{width:75%; max-width:245px;}
	.b_guideline_down{margin:0 auto 20px auto; height:60px; max-width:454px; background-color:#ce4151; text-align:center; line-height:56px;box-shadow: 0px 0px 2px #aaa; background-image: url('img/transparent_bg.png'); background-size: cover; }
	.b_uideline_down img{width:75%; max-width:245px;}
	.nav-tabs{background-color: #f0f0f0; border-radius: 4px 4px 0 0;}
	.nav-tabs a:link{color:#555555; font-weight: bold}
	.nav_admission>li.active>a, .nav_admission>li.active>a:focus, .nav_admission>li.active>a:hover{background-color: #0a2a81;; font-weight: bold; color:#ffffff;} /*admission*/
	.nav_industry>li.active>a, .nav_industry>li.active>a:focus, .nav_industry>li.active>a:hover{background-color: #075b80; font-weight: bold; color:#ffffff;} /*industry*/
	.nav_bachelors>li.active>a, .nav_bachelors>li.active>a:focus, .nav_bachelors>li.active>a:hover{background-color: #a73b4a; font-weight: bold; color:#ffffff;} /*bachelors*/
	.nav_transfer>li.active>a, .nav_transfer>li.active>a:focus, .nav_transfer>li.active>a:hover{background-color: #027367; font-weight: bold; color:#ffffff;} /*transfer*/

	.bachelors_h_box{width:100%; color:#ffffff; font-weight: bold; text-align:center; height:50px;}
	.bachelors_box{width:100%; padding: 12px; height: 102px; border-bottom: 4px solid #f0f0f0; margin-bottom: 20px;}
	.bachelors_h_box p{padding:17px;}
	.bachelors_a{background-color:#bdb7b8;}
	.bachelors_b{background-color:#e6aeb5;}
	.bachelors_c{background-color:#e45d6d;}
	.bachelors_d{background-color:#a73b4a;}

	.faq ul li{margin:0;}
	.faq_q{padding:20px 10px; border-bottom: 1px solid #cccccc; box-shadow: 0 0px 1px #eeeeee; font-weight: bold;}
	.faq_a{padding: 20px 10px; background-color:#f0f0f0;}
	.panel-defalut{background-color:#b5630c!important}
	.faq_q_wrap{display: inline-block; width: calc(100% - 30px); box-sizing: border-box;}
	.glyphicon{vertical-align: top; display: inline-block; height: 16px;}

	.check_wrap{border:1px solid #cccccc; padding:40px 0;}   
	.check_wrap .row{margin:10px 0;text-align:center;}
	.check_wrap select{height: 24px; vertical-align: middle;}
	.check_txt_wrap{width:275px; margin:0 auto; text-align: left}
	.check_txt{display:inline-block; text-align: left; margin:10px 0;}

	/* COLOR */
	.bg_notice{background-color:#2c3379}
	.bg_industry{background-color:#2688af}
	.bg_admission{background-color:#0b2e88}
	.bg_transfer{background-color:#16988a}
	.bg_bachelors{background-color:#e45d6d}
	.bg_faq{background-color:#9a5507}
	.bg_qna{background-color: #073e73;}
	.bg_check{background-color:#710416}

	.table>thead>tr>.th_industry{border-bottom:2px solid #075b80}
	.table>thead>tr>.th_transfer{border-bottom:2px solid #027367}
	.table>thead>tr>.th_bachelors{border-bottom:2px solid #a73b4a}
	.table>thead>tr>.th_faq{border-bottom:2px solid #d28433}
	.table>thead>tr>.th_qna{border-bottom:2px solid #027367}

	.btn_check{color: #93182e; background-color: #ffffff; font-weight: bold; border: 2px solid #93182e;}
	.btn_check:hover{color: #ffffff; background-color: #93182e; border-color: #93182e;}
	.btn_check_number{color: #9a7e7e; background-color: #ffffff; font-weight: bold; border: 2px solid #9a7e7e;}
	.btn_check_number:hover{color: #ffffff; background-color: #93182e; border-color: #93182e;}
	.btn_faq{color: #9a5507; background-color: #ffffff; border: 2px solid #a94442; font-weight: bold;}
	.btn_faq:hover{color: #ffffff; background-color: #9a5507; border-color: #9a5507;}
	.btn_industry{background: #ffffff; border: 2px solid #2688af; font-weight: bold; color: #2688af;}
	.btn_industry:hover{background: #2688af; border: 2px solid #2688af; color: #ffffff;}
	.btn_bachelors{color: #a73b4a; background-color: #ffffff; font-weight: bold; border: 2px solid #a73b4a;}
	.btn_bachelors:hover{color: #ffffff; background-color: #e45d6d; border-color: #e45d6d;}
	.btn_transfer{color: #027367; background-color: #ffffff; font-weight: bold; border: 2px solid #027367;}
	.btn_transfer:hover{color: #ffffff; background-color: #027367; border-color: #027367;}


/* MEDIA QUERY */
    @media (min-width: 768px){
    .navbar-nav{float:none};
    .navbar-default .navbar-nav>li>a{color:#000000;}
    .bg-ksblue{background: #ffffff}
    .navbar-default .navbar-nav>li>a{color:#444444; font-weight:bold;}
    .navbar-default .navbar-nav>li>a:hover{color:#aaaaaa;}
    .navbar-default .navbar-nav>li>a:focus{color:#aaaaaa;}
    .navbar-default .navbar-nav>li>a:active{color:#aaaaaa;}
    .navbar-background{position: inherit; z-index: 1000; width: 100%; background: rgba(255,255,255,1)}
    .lead{font-size:14px;}
    .main_slogan{width:60%; margin:0 auto;}
    .table{font-size:12px}
    }
    @media (min-width: 992px){
      .container{width:750px;}
      .bachelors_box {height:80px}
      .check_txt_wrap{width:100%; margin:0 auto; text-align: center}
    }
    @media (min-width: 1200px){
      .container{width:750px;}
      .bachelors_box {height:80px}
      .check_txt_wrap{width:100%; margin:0 auto; text-align: center}
    }

/* BOARD */
	/* NOTICE */
	h5{font-size: 14px; font-weight:bold; color: #444444; margin:0; padding:10px 0;}
	#notice_list ul{padding:0}
	#notice_list ul li{list-style:none; border-bottom:1px solid #cccccc;}
    #notice_list ul li a{text-decoration: none;}
	#notice_list p{color: #666666;}
	#notice_list h3{color:#222; font-weight:600; font-size:14px; margin: 0 10px;}
	.pg1{text-align: center; font-size: 14px; letter-spacing: 2px;}
	#boardlist{width: 250px; margin: 0 auto;}

	/* NOTICE View */

	#boardlist{width: 250px; margin: 0 auto;}
	.clear{clear:both}

	.Notice_contents{width:auto; margin:-25px auto;}
	.Notice_contents img{width:100%; }
	.Notice_contents a:link{color:#0e93e0;font-weight:600;text-decoration:none;outline:none;}
	.Notice_contents a:visited{color:#0e93e0;text-decoration:none;outline:none;}
	.Notice_contents a:hover{color:#0e93e0; text-decoration:none;outline:none;}
	.Notice_contents a:active{color:#0e93e0;text-decoration:none;outline:none;}
	.Notice_contents a:focus{color:#0e93e0;text-decoration:none;outline:none;}
	table{width:100%; margin:0 auto;}
	.list_button{width: 50%;
    background-color: #363b41;
    padding: 5px;
    color: #FFF;
    border: 2px #363b41 solid;
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    border-radius: 4px;
    transition: ease 500ms all;}
	.list_button:link{color:#FFF; text-decoration:none;outline:none}
	.list_button:visited{color:#FFF; text-decoration:none;outline:none}
	.list_button:hover{color:#666; text-decoration:none;outline:none;  background-color:#fff;}
	.list_button:active{color:#666; text-decoration:none;outline:none; background-color:#fff;}
	.list_button:focus{color:#666; text-decoration:none; outline:none}
	.center{text-align:center}
	.Notice_contents td{ background-image: url(); padding:0 10px;}
  .page_button{text-align:right; padding:10px 0;}
		
	@media only screen and (min-width: 768px) and (max-width: 1366px) {  
	.con_wrap{width:700px; margin:0 auto; padding:0 20px;}
	.second_menu ul li{    
	display:inline-block; list-style-type:none; text-align:center; margin:0 auto; line-height:30px; padding:0; font-size:14px; color:#0e93e0}
	.contents p{width:auto; font-size:14px; line-height:24px;}
	.contents_title{font-weight:bold; font-size:18px; margin:30px 0 10px 0}
	}

	/* QNA */
    .btn_qna{display: inline-block; padding: 2px 6px; margin-bottom: 10px; font-size: 14px; font-weight: bold; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 2px solid transparent; border-radius: 4px;}
.btn_delete{color: #fff; background-color: #363b41; border-color: #363b41;}
.btn_default{color: #363b41; background-color: #ffffff; border-color: #363b41;}
.btn_disabled{color: #363b41; background-color: #f0f0f0; border-color: #f0f0f0; cursor:default; }
.btn_modify{color: #363b41; background-color: #ffffff; border-color: #363b41;}
.button_group{width:100%; text-align:right; border-bottom: 2px solid #363b41;}
.btn_delete:hover{color:#fff;}

.input_block{display:inline-block; margin-right:5px; margin-top:5px;}